【问题标题】:how to disable all previous dates in "to date" of the selected "from-date"如何禁用所选“开始日期”的“迄今为止”中的所有先前日期
【发布时间】:2016-09-19 13:25:30
【问题描述】:

我有一个包含 2 个字段的日期范围,

<input type='text' id='from-date' name='from-date'>
<input type='text' id='end-date' name='end-date'>
  1. 我需要在当前日期之前的起始日期中禁用所有以前的日期(这已完成并且工作正常)。
  2. 选择起始日期后,我们需要从起始日期禁用迄今为止所有以前的日期(面临这方面的问题)。

我尝试了以下 datepicker jquery 代码,但我遗漏了一些东西,请纠正我。

$( "#start-date" ).datepicker({ minDate: 0, dateFormat: 'yy-mm-dd'})
    .on("input change", function (e) {
        $( "#end-date" ).datepicker({ minDate:  e.target.value, dateFormat: 'yy-mm-dd'});
});

更新:对于那些仍在尝试的人,这里是修复

我使用下面的代码来满足上述条件

$("#start-date").datepicker({ minDate: 0, dateFormat: 'yy-mm-dd',
    onSelect: function(obj, event){
        var from_date = $("#start-date").datepicker("getDate");
        $("#end-date").datepicker("option","minDate",from_date);
    }
});
$("#end-date").datepicker({ dateFormat: 'yy-mm-dd'});

【问题讨论】:

    标签: jquery html date datepicker jquery-ui-datepicker


    【解决方案1】:

    这是解决上述问题的方法:

    $("#start-date").datepicker({ minDate: 0, dateFormat: 'yy-mm-dd',
        onSelect: function(obj, event){
            var from_date = $("#start-date").datepicker("getDate");
            $("#end-date").datepicker("option","minDate",from_date);
        }
    });
    $("#end-date").datepicker({ dateFormat: 'yy-mm-dd'});
    

    我们需要使用此函数来获取选定的起始日期,而不是直接为 minDate 提供日期格式:$("#start-date").datepicker("getDate");

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-08-27
      • 1970-01-01
      • 1970-01-01
      • 2013-03-06
      • 1970-01-01
      • 2021-07-02
      • 1970-01-01
      相关资源
      最近更新 更多