Javascript 两个日期之间的天数剑道日期时间选择器

Javascript 两个日期之间的天数剑道日期时间选择器,javascript,kendo-asp.net-mvc,Javascript,Kendo Asp.net Mvc,你好, 我需要得到两个输入两个kendo.DateTimePicker的日期之间的天数 我的解决方案总是以NaN值结束。 RentStartDate和RentEndDate作为日期时间存储在数据库中 谢谢你的建议 <script>$("#RentEndDate").change(function () { var startDate = kendo.toString($("#RentStartDate").data("kendoDateTimePicker").value()

你好, 我需要得到两个输入两个kendo.DateTimePicker的日期之间的天数

我的解决方案总是以NaN值结束。 RentStartDate和RentEndDate作为日期时间存储在数据库中

谢谢你的建议

<script>$("#RentEndDate").change(function () {
    var startDate = kendo.toString($("#RentStartDate").data("kendoDateTimePicker").value(), "dd.MM.yyyy");
    var endDate = kendo.toString($("#RentEndDate").data("kendoDateTimePicker").value(), "dd.MM.yyyy");   
    alert(calculate(startDate, endDate));
});

function calculate(first, second) {
    var diff = Math.round((second - first) / 1000 / 60 / 60 / 24);
    return diff;
}
$(“#RentEndDate”).change(函数(){
var startDate=kendo.toString($(“#RentStartDate”).data(“kendoDateTimePicker”).value(),“dd.MM.yyyy”);
var endDate=kendo.toString($(“#RentEndDate”).data(“kendoDateTimePicker”).value(),“dd.MM.yyyy”);
警报(计算(开始日期、结束日期));
});
函数计算(第一,第二){
var diff=数学轮((第二轮-第一轮)/1000/60/60/24);
返回差;
}

CreateOrders.cshtml

<h4>Termín půjčení</h4>
        <div class="t-col t-col-6 t-col-xs-12 t-col-sm-12 t-col-md-12 col-sm-6">
            <label for="rentStartPicker">Půjčit od</label>
            @(Html.Kendo().DatePickerFor(model => model.RentStartDate).Name("rentStartPicker").HtmlAttributes(new { style = "height:28px;", required = "required", validationmessage = "Vyberte datum" }))
        </div>
        <div class="t-col t-col-6 t-col-xs-12 t-col-sm-12 t-col-md-12 col-sm-6">
            <label for="rentEndPicker">Půjčit do</label>
            @(Html.Kendo().DatePickerFor(model => model.RentEndDate).Name("rentEndPicker").HtmlAttributes(new { style = "height:28px;", required = "required", validationmessage = "Vyberte datum" }))
        </div>
Termín půjčení
Půjčit od
@(Html.Kendo().DatePickerFor(model=>model.RentStartDate).Name(“rentStartPicker”).HtmlAttributes(新的{style=“height:28px;”,required=“required”,validationmessage=“Vyberte datum”}))
Půjčit do
@(Html.Kendo().DatePickerFor(model=>model.RentEndDate).Name(“rentEndPicker”).HtmlAttributes(新的{style=“height:28px;”,required=“required”,validationmessage=“Vyberte datum”}))
尝试使用将日期选择器中的值转换为日期对象。那会解决你的问题

类似于

var startDate = moment($("#RentStartDate").data("kendoDateTimePicker").value());

实际上,我建议您在任何时候都可以使用Moment.js来处理日期,尤其是当这些日期来自网页元素时。剑道相当不错,但我在尝试直接使用日期时遇到了问题。

谢谢你的指点。。。问题已经解决,因此它看起来像一个函数脚本

$("#RentEndDate").change(function () {

    var startDate = $("#RentStartDate").data("kendoDateTimePicker").value();
    var endDate = $("#RentEndDate").data("kendoDateTimePicker").value();
    var diffDay = calculate(startDate, endDate);

    alert(diffDay.toString());

});

您可以在计算之前将日期值转换为字符串。