Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用KendoUI datetime进行验证_Javascript_Jquery_Kendo Ui - Fatal编程技术网

Javascript 使用KendoUI datetime进行验证

Javascript 使用KendoUI datetime进行验证,javascript,jquery,kendo-ui,Javascript,Jquery,Kendo Ui,嗨,我有一个应用程序,用户可以选择开始日期时间和结束日期时间,如果他们想创建一个事件。 现在这是一个html,我在其中使用KendoUI datetime插件: <div class="demo-section" style="width: 535px;"> <label for="start">Start date:</label> <input id="start" value="01/

嗨,我有一个应用程序,用户可以选择开始日期时间和结束日期时间,如果他们想创建一个事件。 现在这是一个html,我在其中使用KendoUI datetime插件:

<div class="demo-section" style="width: 535px;">
                <label for="start">Start date:</label>
                <input id="start" value="01/01/2013" />

                <label for="end" style="margin-left:3em">End date:</label>
                <input id="end" value="01/01/2013"/>
            </div>
</li>

<script type="text/javascript">
$(document).ready(function(){

function startChange() {
    var startDate = start.value();
    if (startDate) {
        startDate = new Date(startDate);
        startDate.setDate(startDate.getDate());
        end.min(startDate);
    }
}

function endChange() {
    var endDate = end.value();

    if (endDate) {
        endDate = new Date(endDate);
        endDate.setDate(endDate.getDate());
        start.max(endDate);
    }
}

var start = $("#start").kendoDateTimePicker({
    change: startChange,
    parseFormats: ["MM/dd/yyyy"]
}).data("kendoDateTimePicker");

var end = $("#end").kendoDateTimePicker({
    change: endChange,
    parseFormats: ["MM/dd/yyyy"]
}).data("kendoDateTimePicker");

start.max(end.value());
end.min(start.value());

});

问题是我不能得到我想要的验证。假设用户选择从日期到日期显示的日期比当前从日期选择的日期大。我的当前代码似乎不起作用。谢谢

您是说您希望能够选择一个大于到的开始日期,并且当您选择到时应该自动更新为大于开始日期吗

如果是这样,你就快到了。您只需要更新startChange函数来更新相对于From的截止日期

检查此示例以获取完整的工作示例。

工作正常,请在此处检查:。什么不起作用?您选择从哪个日期开始
function startChange() {
    var startDate = start.value();
    if (startDate) {
        startDate = new Date(startDate);
        startDate.setDate(startDate.getDate());
        end.min(startDate);
        var endDate = end.value();
        if (endDate && endDate <= startDate) {
            endDate.setDate(startDate.getDate() + 1);
            end.value(endDate);
        }
    }
}