показать ограниченные дни в календаре

Question

Ниже приведен код, который я пробовал.

From:<input data-dojo-id="myFromDate" type="text" name="fromDate" id="fromDate" value="" data-dojo-type="dijit/form/DateTextBox" required="true" constraints="{ datePattern: 'MM/dd/yyyy'}" onChange="myToDate.constraints.min = arguments[0];"/> 

To:<input data-dojo-id="myToDate" type="text" name="toDate" id="toDate" value="" data-dojo-type="dijit/form/DateTextBox" required="true" constraints="{ datePattern: 'MM/dd/yyyy'}" onChange="myFromDate.constraints.max = arguments[0];" /> 

<input type="submit" value="submit"/> 

Пожалуйста, подсказывает, как я могу только позволить будущие 90 дней, как только дата выбрана в FromDate поля и за последние 90 дней, если я выбрать дату в поле ФОРУМА.

Answer 1

Я предлагаю вам использовать dojo/date для операций Дата и dijit/form/DateTextBox ограничения для добавления ограничений к DateTextBox виджета.

например

<label for="fromDate">From:</label> 
    <input id="fromDate" data-dojo-type="dijit/form/DateTextBox" 
         data-dojo-props='type:"text", name:"fromDate", required:true, 
         onChange:function(){ 
          var fromDate = this.get("value"); 
          var fromDate90 = dojo.date.add(fromDate,"day",90); 
          //Add min date fromDate. 
          dijit.byId("toDate").constraints.min = fromDate; 
          //add max date fromDate + 90 days. 
          dijit.byId("toDate").constraints.max = fromDate90; 
         } '/> 

    <label for="toDate">To:</label> 
    <input id="toDate" data-dojo-type="dijit/form/DateTextBox" 
         data-dojo-props='type:"text", name:"toDate", required:true, 
         onChange:function(){ 
          var toDate = this.get("value"); 
          var toDate90 = dojo.date.add(toDate,"day",-90); 
          //Add max date toDate. 
          dijit.byId("fromDate").constraints.max = toDate; 
          //Add min date toDate - 90 days. 
          dijit.byId("fromDate").constraints.min = toDate90; 
         } '/>