Question

我有两个输入文本框startdate和enddate

<input type="text" id="startdate"/>
<input type="text" id="enddate"/>

我需要两件简单的事情

点击开始日期并选择开始日期，需要更新结束日期+7天。

所需格式为mm / dd / yyyy

因此，如果任何一次点击startdate与01/01/2015，即2015年1月1日，则结束日期应自动设置为2015年8月1日

在选择startdate时，我需要自动打开enddate。

我使用的datepicker库是ALLOYUI datepicker 3.0版 http://alloyui.com/examples/datepicker/

请有人请写下代码。

伙计们

<script>
            var datefrom;
        YUI().use(
  'aui-datepicker',
  function(Y) {
    datefrom = new Y.DatePicker(
      {
        trigger: '#dpfrom',
        popover: {
          zIndex: 1
        },
        calendar: {
                //maximumDate : new Date(today.getFullYear(),today.getMonth()+1,today.getDate()),
                minimumDate : new Date(),
                },

        on: {
            selectionChange: function(event) {

          }
        }
      }
    );
  }
);


    //console.log(james);

    </script>

我发现可能会设置最小和最大日期，但我仍然无法设置结束日期+7天到当前日期。

Answer 1

请找到类似的，并为我工作。如果您需要，请自定义。

<input class="form-control" type="text" id="selecteddate" placeholder="Day, Mon dd, yyyy"></input>

YUI().use(
              'aui-datepicker',
              function(Y) {
                  var datepicker = new Y.DatePicker(
                  {
                    trigger: 'input',
                    popover: {
                      zIndex: 1
                    },
                    after: {
                      selectionChange: function(event) {                      
                            event.preventDefault();     
                            Y.log(datepicker.getSelectedDates());
                            var myDate=Y.DataType.Date.addDays(new Date(datepicker.getSelectedDates()),+6);                       
                            if (myDate.isValid()) {                         
                                $("#selecteddate").val(myDate);
                            }                           
                      }
                    }
                  }
                );
              }
            );


    Date.prototype.isValid = function () {
        // An invalid date object returns NaN for getTime() and NaN is the only
        // object not strictly equal to itself.
        return this.getTime() === this.getTime();
    };

ALLOYUI Datepicker setter和getter方法

1 个答案: