【问题标题】:Limiting date range for depature date based on arrival date value [duplicate]根据到达日期值限制出发日期的日期范围[重复]
【发布时间】:2013-07-01 17:01:52
【问题描述】:

我有两个日期选择器(到达日期和出发日期),用户选择到达日期,然后,当用户选择出发日期时,它必须禁用(或灰显)所有之前选择到达日期的日期,即如果到达日期为 2013 年 7 月 4 日,则用户只能选择 2013 年 7 月 4 日及以后的出发日期。

我使用以下代码没有成功:

<script>
jQuery(function($){
$( "#input_2_5" ).datepicker({
  onClose: function( selectedDate ) {
    $( "#input_2_6" ).datepicker( "option", "minDate", selectedDate );
  }
});
$( "#input_2_6" ).datepicker({
   onClose: function( selectedDate ) {
    $( "#input_2_5" ).datepicker( "option", "maxDate", selectedDate );
   }
});
</script>

【问题讨论】:

    标签: javascript jquery datepicker


    【解决方案1】:

    你通常会这样做:

    $("#from_date").datepicker({
        minDate   : 0,
        onSelect: function() {
            var minDate = $(this).datepicker('getDate');
            minDate.setDate(minDate.getDate());
            $("#to_date").datepicker( "option", "minDate", minDate);
        }
    });
    
    $("#to_date").datepicker({
        minDate: 0
    });
    

    FIDDLE

    【讨论】:

    • adeneo,效果很好
    猜你喜欢
    • 1970-01-01
    • 2011-07-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-01-07
    • 1970-01-01
    相关资源
    最近更新 更多