Javascript 两个日期之间的天数剑道日期时间选择器
你好, 我需要得到两个输入两个kendo.DateTimePicker的日期之间的天数 我的解决方案总是以NaN值结束。 RentStartDate和RentEndDate作为日期时间存储在数据库中 谢谢你的建议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()
<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());
});
您可以在计算之前将日期值转换为字符串。