禁用選擇jQuery Datepicker字段？

我正在使用jQuery UI Datepicker創建兩個字段提交表單。我希望用戶創建一個範圍並提交它以查看結果。但是，他們顯然不能選擇比結束日期更近的開始日期（您無法看到從今天開始到昨天的範圍）。截至目前，如果第一個選擇在第二個之前發生，我已經能夠提醒您選擇第二個選項，但我無法弄清楚如何讓datepicker保持打開狀態，以便用戶可以選擇其他選項。禁用選擇jQuery Datepicker字段？

這裏是我到目前爲止的代碼：

<script> 
    $(document).ready(function() { 
     $(".datepicker_start").datepicker({ 
      maxDate: '+0d', 
      onSelect: function(dateText, inst) { 

     } 
     }); 
     $(".datepicker_to").datepicker({ 
      maxDate: '+0d', 
      onSelect: function(dateText, inst) { 
       var startDate = $('.datepicker_start').val(); 
       $(this).attr('value', dateText) 
       if (startDate > dateText) { 
        alert('not cool!'); 
       } 
     } 
     }); 
    }); 
</script>

有誰知道我怎麼可以這樣做？我試圖返回假，但它仍然推不正確的日期到外地:(

來源

2012-10-05 streetlight

http://jqueryui.com/demos/datepicker/date-range.html – 2012-10-05 11:17:08

請在發佈之前檢查基本的演示實現。 – 2012-10-05 11:20:28

$(function() { 
    $("#from").datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 3, 
     onSelect: function(selectedDate) { 
      $("#to").datepicker("option", "minDate", selectedDate); 
     } 
    }); 
    $("#to").datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 3, 
     onSelect: function(selectedDate) { 
      $("#from").datepicker("option", "maxDate", selectedDate); 
     } 
    }); 
});

來源：http://jqueryui.com/demos/datepicker/date-range.html

來源

2012-10-05 11:18:14

$(function() { 
     $("#fromdate").datepicker({ 
      onClose: function (selectedDate) { 
       $("#todate").datepicker("option", "minDate", selectedDate); 
      } 
     }); 
     $("#todate").datepicker({ 
      onClose: function (selectedDate) { 
       $("#fromdate").datepicker("option", "maxDate", selectedDate); 
      } 
     }); 
    });

來源

2014-02-25 11:06:06

禁用選擇jQuery Datepicker字段？

回答

相關問題