Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui JQuery日期选择器UI透明_Jquery Ui_Jquery Ui Datepicker - Fatal编程技术网

Jquery ui JQuery日期选择器UI透明

Jquery ui JQuery日期选择器UI透明,jquery-ui,jquery-ui-datepicker,Jquery Ui,Jquery Ui Datepicker,我有一个问题,JQuery日期选择器变得透明了。日期仍然能够将数据发送到数据库,需要添加的内容已经添加到数据库中 我导入的文件: <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/b

我有一个问题,JQuery日期选择器变得透明了。日期仍然能够将数据发送到数据库,需要添加的内容已经添加到数据库中

我导入的文件:

<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>

日期选择器就是这样出现的

我的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.getMonth(), 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">


工作示例

能否显示您的Javascript?更好的是,提供一个工作样本?@macl在上面添加了我的脚本。谢谢,伙计,你帮了我大忙!尼斯和UI出现了。