2015-11-05 14 views
2

我有两个文本框中输入开始日期和结束日期ALLOYUI日期选择器setter和getter方法

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

我需要两个简单的事情

  1. 在开始日期和开始日期的选择点击,需要更新 结束日期+7天。需要

格式为MM/DD/YYYY

因此,如果任何一个点击开始日期与2015年1月1日,即2015年1月1日,于结束日期应与2015年1月8日

自动设置
  1. 在选择startdate时,我需要自动打开enddate。

的日期选择器库我用了是ALLOYUI日期选择器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> 

我发现5月成立的最小和最大日期但我仍然DONOT必须设定结束日期7天为当前日期的方式。

+0

欢迎来到StackOverflow!请显示您迄今为止所尝试的内容。这个网站是为问题和答案,而不是请求你:) – Russell

+0

您好罗素别人做你的工作, \t 这是剧本,我需要有最小的日期作为当前日期使用alloyyui。 #2点击startdate,我想从今天开始的7天的结束日期 –

+0

YUI()。使用( 'AUI-日期选择器', 函数(Y){ 新Y.DatePicker( { 触发: '#frmdate', 酥料饼:{ zIndex的:1 }, \t \t日历:{ \t \t \t maximumDate:'01/01/2016' \t \t}, 上:{ selectionChange:功能(事件){ 的console.log(event.newSelection) } } } ); } ); –

回答

0

请为我找到类似的工作。如果你需要任何东西,请定制它。

<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(); 
    };