Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.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 jQuery datepicker使用maxDate范围进行更改_Javascript_Jquery_Jquery Ui_Date_Datepicker - Fatal编程技术网

Javascript jQuery datepicker使用maxDate范围进行更改

Javascript jQuery datepicker使用maxDate范围进行更改,javascript,jquery,jquery-ui,date,datepicker,Javascript,Jquery,Jquery Ui,Date,Datepicker,我正在为日期范围创建一个控件。其中有以下要求 表单和到应该是昨天,没有未来的日期[能够实现] 限制最多3个月的不同时间 $("#from-datepicker").datepicker({ dateFormat: "dd-M-yy", maxDate: "-1d", onClose: function (selectedDate) { console.log(selectedDate); $("#to-datepicker").datepic

我正在为日期范围创建一个控件。其中有以下要求

  • 表单应该是昨天,没有未来的日期[能够实现]
  • 限制最多3个月的不同时间

    $("#from-datepicker").datepicker({
        dateFormat: "dd-M-yy",
        maxDate: "-1d",
        onClose: function (selectedDate) {
          console.log(selectedDate);
            $("#to-datepicker").datepicker("option", "minDate", selectedDate);
          //$("#to-datepicker").datepicker("option", "maxDate", selectedDate);
        }
    });
    $("#to-datepicker").datepicker({
        dateFormat: "dd-M-yy",
        maxDate: "-1d",
        onClose: function (selectedDate) {
            $("#from-datepicker").datepicker("option", "maxDate", selectedDate);
        }
    });
    
以下是结果:

$(function() {
    $("#from-datepicker").datepicker({
        dateFormat: "dd-M-yy",
        maxDate: "-1d",
        onClose: function (selectedDate) {             
            // Set 'TO' minDate
            $("#to-datepicker").datepicker("option", "minDate", selectedDate);             

            // Set 'TO' maxDate at 3 months if before yesterday
            var dt = new Date($(this).datepicker("getDate"));
            dt.setMonth(dt.getMonth() + 3);
            if(dt < Date.now()) {
                $("#to-datepicker").datepicker("option", "maxDate", dt);
            }
        }
    });
    $("#to-datepicker").datepicker({
        dateFormat: "dd-M-yy",
        maxDate: "-1d",
        onClose: function (selectedDate) {
            // Set 'FROM' maxDate
            $("#from-datepicker").datepicker("option", "maxDate", selectedDate);

            // Set 'FROM' minDate at 3 months if before yesterday
            var dt = new Date($(this).datepicker("getDate"));
            dt.setMonth(dt.getMonth() - 3);
            if(dt < Date.now()) {
                $("#from-datepicker").datepicker("option", "minDate", dt);
            }
        }
    });
});
$(函数(){
$(“#来自日期选择器”)。日期选择器({
日期格式:“dd-M-yy”,
maxDate:“-1d”,
onClose:函数(selectedDate){
//设置“到”minDate
$(“#到日期选择器”)。日期选择器(“选项”,“minDate”,selectedDate);
//如果在昨天之前,则将maxDate设置为3个月
var dt=新日期($(this).datepicker(“getDate”);
dt.setMonth(dt.getMonth()+3);
如果(dt
工作区:
(很抱歉,我对您的jsbin有问题)

您做得很好:关闭from Date Picker时,设置
to Date Picker的
maxDate
(selectedDate+3个月),关闭to Date Picker时设置相同(minDate)。当心不要超过昨天的极限值。但我看不出小提琴的区别,你改变了什么?