jquery-ui – JQuery Datepicker UI透明

前端之家收集整理的这篇文章主要介绍了jquery-ui – JQuery Datepicker UI透明前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个问题,JQuery Datepicker变得透明.日期仍然能够将数据发送到数据库中,并且已经添加添加所需的内容.

我导入的文件

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/jquery-ui.css">
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery-ui.js"></script>

datepicker只是以这种方式出现

我的HTML代码就在这里

<div class="form-group">
                        <div class="row">
                            <label for="dateFrom" class="col-md-2 control-label">Date From:</label>
                            <div class="col-md-4">
                                <div class="input-group date">
                                    <input type="text" id="dateFrom" name="dateFrom" class="form-control col-sm-2" required value="<?PHP echo $defaultFromDate ?>"/>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="row">
                            <label for="dateTo" class="col-md-2 control-label">Date To:</label>
                            <div class="col-md-4">
                                <div class="input-group date">
                                    <input type="text"  id="dateTo" name="dateTo" class="form-control col-sm-2" required value="<?PHP echo $defaultToDate ?>"/>
                                </div>
                            </div>
                        </div>
                    </div>

脚本就在这里

<script>
$(function () {
    $("#dateFrom,#dateTo").datepicker({
        minDate: 0,onSelect: function (selectedDate) {
            if (this.id == 'dateFrom') {
                var dateMin = $('#dateFrom').datepicker("getDate");
                var rMin = new Date(dateMin.getFullYear(),dateMin.getMonth(),dateMin.getDate() + 0);
                var rMax = new Date(dateMin.getFullYear(),dateMin.getDate() + 120);
                $('#dateTo').datepicker("option","minDate",rMin);
                $('#dateTo').datepicker("option","maxDate",rMax);
            }
        }
    });
});
</script>

希望可以有人帮帮我.

解决方法

您的代码缺少JqueryUI主题.尝试添加,例如:
<link href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css">

工作样本here

原文链接:/jquery/177606.html

猜你在找的jQuery相关文章