Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.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
Javascript 为什么datetimepicker中没有突出显示日期?_Javascript_Jquery_Css_Twitter Bootstrap_Datetimepicker - Fatal编程技术网

Javascript 为什么datetimepicker中没有突出显示日期?

Javascript 为什么datetimepicker中没有突出显示日期?,javascript,jquery,css,twitter-bootstrap,datetimepicker,Javascript,Jquery,Css,Twitter Bootstrap,Datetimepicker,我希望来自JSON文件的选定日期应该在DateTimePicker上突出显示为红色背景 我正在使用Jquery的ajax调用传递日期。日期采用JSON文件date.JSON中存储的MMDDYYYY格式 我的代码是: $(function () { $('#datetimepicker5').datetimepicker({ defaultDate: "10/01/2017", disabledDates: [ moment("10/05/2017"),

我希望来自JSON文件的选定日期应该在DateTimePicker上突出显示为红色背景

我正在使用Jquery的ajax调用传递日期。日期采用JSON文件
date.JSON
中存储的
MMDDYYYY
格式

我的代码是:

$(function () {
    $('#datetimepicker5').datetimepicker({
        defaultDate: "10/01/2017",
        disabledDates: [ moment("10/05/2017"),
            new Date(2018, 11 - 1, 21),
            "11/22/2017", "11/23/2017"]
    });
});

$.ajax({
    type: "GET",
    url: "date.json",
    success: function (data)
    {
        var count = Object.keys(data).length;
        for(var i=0;i<count;i++)
        {
            var a = data[i].date;
            $("#datetimepicker5").datetimepicker({
                beforeShowDay: function(a)
                {
                    var Highlight = a;
                    if(Highlight){

                        return[true, "Highlighted", Highlight];
                    }
                    else {
                        return ['true','',''];
                    }
                }
            });
            {
            }
        }
    },
},
    dataType: "json"
});
以下是JSON的数据:

[
    {"date":"10/05/2017"},
    {"date":"10/09/2017"},
    {"date":"10/02/2017"},
    {"date":"10/10/2017"}
]

对于你的JS,我刚刚纠正了缩进并发现了问题

$(function () {
    $('#datetimepicker5').datetimepicker({
        defaultDate:   '10/01/2017',
        disabledDates: [ 
            moment('10/05/2017'),
            new Date(2018, 11 - 1, 21),
            '11/22/2017', 
            '11/23/2017'
        ]
    });
    $.ajax({
        type:     'GET',
        url:      'date.json',
        dataType: 'json',
        success:  function(data) {
            var count = Object.keys(data).length;
            for(var i=0; i<count; i++) {
                var a = data[i].date;
                $('#datetimepicker5').datetimepicker({
                    beforeShowDay: function(a) {
                        var Highlight = a;
                        if(Highlight) {
                            return [
                                'true', 
                                'Highlighted', 
                                'Highlight'
                            ];
                        }
                        else {
                            return [
                                'true',
                                '',
                                ''
                            ];
                        }
                    }
                });
            }
        }
    });
});
$(函数(){
$('#datetimepicker5')。datetimepicker({
默认日期:“2017年1月10日”,
禁用日期:[
时刻(“2017年5月10日”),
新日期(2018年11月1日至21日),
'11/22/2017', 
'11/23/2017'
]
});
$.ajax({
键入:“GET”,
url:'date.json',
数据类型:“json”,
成功:功能(数据){
var count=Object.keys(data).length;

对于(var i=0;i对于您的JS,我刚刚更正了缩进并发现了问题

$(function () {
    $('#datetimepicker5').datetimepicker({
        defaultDate:   '10/01/2017',
        disabledDates: [ 
            moment('10/05/2017'),
            new Date(2018, 11 - 1, 21),
            '11/22/2017', 
            '11/23/2017'
        ]
    });
    $.ajax({
        type:     'GET',
        url:      'date.json',
        dataType: 'json',
        success:  function(data) {
            var count = Object.keys(data).length;
            for(var i=0; i<count; i++) {
                var a = data[i].date;
                $('#datetimepicker5').datetimepicker({
                    beforeShowDay: function(a) {
                        var Highlight = a;
                        if(Highlight) {
                            return [
                                'true', 
                                'Highlighted', 
                                'Highlight'
                            ];
                        }
                        else {
                            return [
                                'true',
                                '',
                                ''
                            ];
                        }
                    }
                });
            }
        }
    });
});
$(函数(){
$('#datetimepicker5')。datetimepicker({
默认日期:“2017年1月10日”,
禁用日期:[
时刻(“2017年5月10日”),
新日期(2018年11月1日至21日),
'11/22/2017', 
'11/23/2017'
]
});
$.ajax({
键入:“GET”,
url:'date.json',
数据类型:“json”,
成功:功能(数据){
var count=Object.keys(data).length;

for(var i=0;它的ajax调用在
.ready
函数之外。
数据类型:“json”
在ajax调用之外。另外,它缺少几个右括号。我认为您有一些语法错误!?
否则{return['true','','',];}}){}},},dataType:“json”
ajax调用在
.ready
函数之外。
dataType:“json”
在ajax调用之外。另外,它缺少几个右括号。我想您有一些语法错误!?
否则{return['true','','];}}}}{},},数据类型:“json”