如何禁用"到目前为止的所有先前日期"所选"从约会"

时间:2016-05-22 18:14:12

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

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

<input type='text' id='from-date' name='from-date'>
<input type='text' id='end-date' name='end-date'>
  1. 我需要在当前日期之前禁用之前的所有日期(这已经完成且工作正常)。
  2. 从日期开始选择后,我们需要从最新日期开始禁用所有以前的日期(面临此问题)。
  3. 我已经尝试了以下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'});
    

1 个答案:

答案 0 :(得分:0)

以下是上述问题的解决方法:

'Read value from workbook
Number = Range("C6").Value
'Trying to format
Number = Format(Number, "###,##0")

我们需要使用此函数从日期中获取所选内容,而不是为minDate提供直接日期格式:$("#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'});