Question

我真的不知道如何编写我的两个日期选择器。当我用第一个日期选择器选择某个日期时，我希望第二个日期选择器自动选择日期。以下代码就是我现在拥有的代码。还剩下什么？

$(function() {
        $.datepicker.setDefaults({
        dateFormat: 'yy-mm-dd', 
        firstDay: 1,
        showOn: "both",
        buttonImage: "/images/calendar.gif",
        buttonImageOnly: true});
      $('#txtStartDate').datepicker({minDate: 0, onSelect: function(selectedDate) {
            var minDate = $(this).datepicker('getDate');
            if (minDate) {
                  minDate.setDate(minDate.getDate() + 1);
            }
            $('#txtEndDate').datepicker('option', 'minDate', minDate || 1); // Date + 1 or tomorrow by default
      }});
      $('#txtEndDate').datepicker({minDate: 1, onSelect: function(selectedDate) {
            var maxDate = $(this).datepicker('getDate');
            if (maxDate) {
                  maxDate.setDate(maxDate.getDate() - 1);
            }
            $('#txtStartDate').datepicker('option', 'maxDate', maxDate); // Date - 1
      }});
});

Answer 1

这应该有所帮助，欢呼！

链接：jQuery datepicker- 2 inputs/textboxes and restricting range

工作演示：http://jsbin.com/evudo但您可以在上面的链接中找到更多选项。

link：http://forum.jquery.com/topic/2-datepickers-start-end-date-get-and-post

<script type="text/javascript">   
jQuery(function($){
    $(".urDatePickerName").datepicker({ 
        dateFormat   :  'yy-mm-dd'
    });
});

function validate (){
      var dateFrom = $('#start1').val();
      var dateTo = $('#end1').val();
      if(dateFrom > dateTo){
       alert('Invalid date entry, "date from" is greater than "date to".');
      }else{
           //customRange .. you can find in the URL Code...
     }
}
</script>

Datepicker - 在X天后自动分配第二个日期

1 个答案: