如何在第二个日期输入文本框中的jquery ui中禁用已选择的日期

时间:2014-08-08 05:58:08

标签: javascript jquery date

我正在尝试获取多个日期输入。我想要做的是,当用户选择第一个日期时,他不应该能够在第二个文本框中选择相同的日期+上一个选定日期之前的日期。这是我的代码。我是新手。不擅长jquery ui

<script>


$(function() {//alert("getPricing just got called");



$( "#datepicker" ).datepicker({beforeShowDay: $.datepicker.noWeekends, dateFormat: 'yy-mm-dd',minDate: 0 });
//Date d1=new Date($("#datepicker").val());
$( "#datepicker1" ).datepicker({beforeShowDay: $.datepicker.noWeekends,  dateFormat: 'yy-mm-dd',minDate: 0});

});
$("#button").submit(function() {alert("getPricing just got called");
    var start   = $('#datepicker').datepicker('getDate');
    var end = $('#datepicker1').datepicker('getDate');
    var days   = (end - start)/1000/60/60/24;
    alert(days);
});
</script>

现在我想要的是用户无法在#datepicker

选择相同的日期+之前的日期(在#datepicker1中选择)

1 个答案:

答案 0 :(得分:0)

Demo,试试这个,

    $( "#datepicker" ).datepicker({
          beforeShowDay: $.datepicker.noWeekends, 
          dateFormat: 'yy-mm-dd',
          beforeShow: function() {
                $('.datepicker').datepicker('option', 'maxDate', $('#end_date').val());
           }
     });

    $( "#datepicker1" ).datepicker({
          beforeShowDay: $.datepicker.noWeekends, 
          dateFormat: 'yy-mm-dd',
          beforeShow: function() {
              $(this).datepicker('option', 'minDate', $('#datepicker').val());
         }
     });