如何在datepicker中更改maxDate?

时间:2016-10-07 16:40:37

标签: javascript date datepicker calendar webix

我试图修改Webix datepicker中的max / minDate。在datepicker中是一个可以使用这些属性的日历。但AFAICS refresh()不会影响最初渲染的配置。如何克服这个?

演示:http://webix.com/snippet/d4ced99c

/* config */
 {
   view:"datepicker",
   id: 'endDate',
   suggest:{
     type:"calendar",
     id: 'endDateCl',
     body:{
       minDate:"2016-10-2",
       maxDate:'2016-10-21'
     }
   }
 }

/* then */    
$$("endDateCl").config.body.maxDate = "2016-03-31";
$$('endDate').refresh();

2 个答案:

答案 0 :(得分:1)

刷新有效,但是你设置的maxDate错误,因为maxDate只是一个ui:calendar属性。您应该使用以下内容来获取内部callendar:

$$("endDate").getPopup().getBody().config.maxDate = new Date("2016-10-05");
$$('endDate').refresh();

答案 1 :(得分:1)

您可以将日期/最大日期直接定义为日历对象:

$$("endDate").getPopup().getBody().define("maxDate", "2016-10-06");