laydate.js從新渲染問題

最近項目中使用到了laydate.js日期插件，用於獲取日期而後搜索輸入日期之間的數據。

需求加入了倆個日期插件之間輸入，當第一個日期插件選擇日期後，第二個日期插件必須根據第一個所選擇的日期對本身的範圍進行限制，反之亦是。

//日期初始化
        initDate: function () { var mindate = laydate.render({ elem: ".mindate", type: 'datetime', max: ConfirmOrderList.nowTime, done: function (value, date) { if (value != '') { date.month = date.month - 1; maxdate.config.min = date; } } }) var maxdate = laydate.render({ elem: ".maxdate", type: 'datetime', max: ConfirmOrderList.nowTime, done: function (value, date) { if (value != '') { date.month = date.month - 1; mindate.config.max = date; } } }) }

 

當完成這個需求後，點擊搜索發現laydate.render是沒法從新渲染的，最後使用了講元素刪除在從新加載的方式才解決。= =

againInitDate: function () { $(".mindate").remove(); $(".maxdate").remove(); $(".minSpan").html("<input type='text' class='date width160 mindate' readonly name='name' id='startDate' placeholder='選擇開始日期' value='' />") $(".maxSpan").html("<input type='text' class='date width160 maxdate' readonly name='name' id='endDate' placeholder='選擇結束日期' value='' />") ConfirmOrderList.initDate(); }