JQuery Datepicker 2周Rage问题

时间:2013-10-23 17:45:26

标签: jquery jquery-ui datepicker

我有以下JQuery日期选择器的问题,有2个字段和一个bot用于日期 我希望从今天开始有日期愤怒,并有能力在未来最多选择2周。下面的代码正在执行此操作,但问题是当您第一次访问第二个字段时,第一个字段具有所有可用日期,而不仅仅是今天的2周,然后如果您使用字段进行一些操作,所有日期都可用于第一个字段从过去。请帮忙

PLEASE EXAMPLE on FIDDLE CLICK HERE

<script>
$(function() {
    var today = new Date();
    var tomorrow = new Date();
    tomorrow.setDate(today.getDate() + 1);

    $( "#from" ).datetimepicker({                   
      dateFormat: "dd-mm-yy",               
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 2,
      minDate: -0,
      maxDate: "+2w",
      onClose: function( selectedDate ) {
        $( "#to" ).datepicker( "option", "minDate", selectedDate );

      }
    });
    $( "#to" ).datetimepicker({
      dateFormat: "dd-mm-yy",
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 2,
      minDate: 0,
      maxDate: "+2w",
      onClose: function( selectedDate ) {
        $( "#from" ).datepicker( "option", "maxDate", selectedDate );
      }
    });
  });
</script>

以下字段

<input style="text-transform:none;"  class="button_date"  type="text" value="<?php echo $_REQUEST['from']; ?>" size="15"  id="from" name="from" readonly />
 <input style="text-transform:none;"  class="button_date"  size="15" type="text" value="<?php echo $_REQUEST['to']; ?>" id="to" name="to" readonly />

1 个答案:

答案 0 :(得分:0)

问题是当你在你的两个领域玩游戏并且toDate是空的时候,从日期最大默认值到最大日期来挑选。检查ifField是否为空且有效。 更新JSFiddle是here 我添加了toField事件的onClose事件。

    $( "#to" ).datepicker({
          dateFormat: "dd-mm-yy",
          defaultDate: "+1w",
          changeMonth: true,
          numberOfMonths: 2,
          minDate: 0,
          maxDate: "+2w",
          onClose: function( selectedDate ) {
             if (selectedDate !== 'toField' && selectedDate.length > 0){
                $( "#from" ).datepicker( "option", "maxDate", selectedDate );
             }
          }
     });