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
Javascript 日期选择器在ShowDay之前更改一个月_Javascript_Jquery Ui_Datepicker - Fatal编程技术网

Javascript 日期选择器在ShowDay之前更改一个月

Javascript 日期选择器在ShowDay之前更改一个月,javascript,jquery-ui,datepicker,Javascript,Jquery Ui,Datepicker,我有一个推特引导模式上的日期选择器。 为了突出显示某些日期,datepicker在“成功”部分中作为ajax调用生成 我设法突出显示我想在当前月份突出显示的日期,这很好 但是当我切换到上个月或下个月时,我想再次调用ajax并渲染日期以突出显示。下面您可以看到我的代码: function nonValidated() { var date = new Date(); date.addDays(-date.getDate() + 1);

我有一个推特引导模式上的日期选择器。 为了突出显示某些日期,datepicker在“成功”部分中作为ajax调用生成

我设法突出显示我想在当前月份突出显示的日期,这很好

但是当我切换到上个月或下个月时,我想再次调用ajax并渲染日期以突出显示。下面您可以看到我的代码:

function nonValidated() {           

        var date = new Date();
        date.addDays(-date.getDate() + 1);
        var startDate = [date.getDate().lpad(2), (date.getMonth() + 1).lpad(2), date.getFullYear()].join('/');
        var enddate = new Date();
        enddate.setDate(date.getDaysInMonth());
        var endDate = [enddate.getDate().lpad(2), (enddate.getMonth() + 1).lpad(2), enddate.getFullYear()].join('/');
        var depId = $('#serviceSelector').val();


        $.ajax({
            type: "POST",
            url: "/ServiceManagement/GetUnassignedSlots",
            data: { "from": startDate, "to": endDate, "depId": depId },
            success: function (data) {
                $.datepicker.setDefaults(
                  $.extend(
                    { 'dateFormat': 'dd/mm/yy' },
                    $.datepicker.regional['nl-BE']
                  )
                );
                $("#nonValidatedDatepicker").datepicker(
                    {
                        inline: true,
                        beforeShowDay: function (date) {

                            var theday = date.getDate() + '/' +
                            (date.getMonth() + 1).lpad(2) + '/' +
                            date.getFullYear();
                            return [true, $.inArray(theday, data.result) >= 0 ? "warningDate" : ''];
                        },
                        onSelect: function (dateText, inst) {
                            var dateParts = dateText.split('/');
                            if (dateParts[0][0] == '0') dateParts[0] = dateParts[0][1];
                            if (dateParts[1][0] == '0') dateParts[1] = dateParts[1][1];
                            var newdate = new Date(dateParts[2], dateParts[0]-1, dateParts[1]);

                            var dayOfWeek = newdate.getDay();
                            if (dayOfWeek == 0) dayOfWeek = 7;
                            var weekstart = new Date(newdate.getFullYear(), newdate.getMonth(), newdate.getDate());
                            weekstart.addDays(-dayOfWeek + 1);
                            var weekend = new Date(newdate.getFullYear(), newdate.getMonth(), newdate.getDate());
                            weekend.addDays(7 - dayOfWeek);

                            $('#SelectWeekDate').val([weekstart.getDate().lpad(2), (weekstart.getMonth() + 1).lpad(2), weekstart.getFullYear()].join('/') + ' - ' + [weekend.getDate().lpad(2), (weekend.getMonth() + 1).lpad(2), weekend.getFullYear()].join('/'));
                            $('#modalNonValidated').modal('hide');
                            InitFillPage();
                        },
                        onChangeMonthYear: function (year, month, widget) {


                        }
                    }
                    );

            },
            error: function (data) {
            },
            statusCode: {
                401: function (data) {
                    //ERROR 401: Unauthenticated
                    window.location.href = '/Account/Login?ReturnUrl=' + encodeURIComponent(window.location.pathname);
                }
            }
        });
    }

有人知道如何将onchangemonthyear和beforeshowday结合起来吗?

我将显示日期选择器的代码和进行ajax调用以获取日期选择器数据(确定突出显示哪天的数据)的代码拆分为两个单独的函数。您可以从首先显示日期选择器的函数调用进行ajax调用的函数,然后再从onChangeMonthYear函数调用。另外,确保获取数据的ajax调用是同步进行的(set async:false选项),以便在beforeShowDay函数运行之前返回数据

希望有帮助