关联两个kendo日期选择器以确保To date始终大于或等于From date

时间:2013-01-16 11:28:56

标签: datepicker kendo-ui

在kendo DatePicker中是否有任何默认方式用于确保(并相应地警告用户)To date始终大于或等于From date。

2 个答案:

答案 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());

他们建议使用以下startChangeendChange函数:

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)

没有默认方式。使用 change 事件来比较两个不同日期选择器的日期,并在用户不正确时提醒用户。请记住,以获取应使用value方法的值。