在kendo DatePicker中是否有任何默认方式用于确保(并相应地警告用户)To date始终大于或等于From date。
答案 0 :(得分:7)
没有默认方式,但Kendo UI演示页面中有一个可能对您有帮助的示例。阅读here
基本上给出了这个HTML:
<div class="demo-section" style="width:470px">
<label for="start">Start date:</label>
<input id="start" value="10/10/2011"/>
<label for="end" style="margin-left:3em">End date:</label>
<input id="end" value="10/10/2012"/>
</div>
这个DatePicker初始化:
var start = $("#start").kendoDatePicker({
change: startChange
}).data("kendoDatePicker");
var end = $("#end").kendoDatePicker({
change: endChange
}).data("kendoDatePicker");
start.max(end.value());
end.min(start.value());
他们建议使用以下startChange
和endChange
函数:
function startChange() {
var startDate = start.value();
if (startDate) {
startDate = new Date(startDate);
startDate.setDate(startDate.getDate() + 1);
end.min(startDate);
}
}
function endChange() {
var endDate = end.value();
if (endDate) {
endDate = new Date(endDate);
endDate.setDate(endDate.getDate() - 1);
start.max(endDate);
}
}
答案 1 :(得分:1)