Jquery 如何获取两个日期之间选择的总天数?
我有一个jquery脚本,允许用户选择开始日期和结束日期:Jquery 如何获取两个日期之间选择的总天数?,jquery,asp.net,Jquery,Asp.net,我有一个jquery脚本,允许用户选择开始日期和结束日期: <script type="text/javascript" charset="utf-8"> $(document).ready(function () { $('#txtToDate').datepicker({ showOn: 'button', buttonImage: 'images/20/calendar200.gif', buttonIm
<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
$('#txtToDate').datepicker({ showOn: 'button',
buttonImage: 'images/20/calendar200.gif',
buttonImageOnly: true, onSelect: function () { },
onClose: function () { $(this).focus(); }
});
$('#txtFromDate').datepicker({ showOn: 'button',
buttonImage: 'images/20/calendar200.gif',
buttonImageOnly: true, onSelect:
function (dateText, inst) {
$('#txtToDate').datepicker("option", 'minDate', new Date(dateText));
}
,
onClose: function () { $(this).focus(); }
});
$('#txtToDate').datepicker({
// Your other options here
onSelect: function(dateText, inst) {
var days = ($("#txtToDate").datepicker('getDate') -
$("#txtFromDate").datepicker('getDate'))/(24*60*60*1000);
$('#numOfDays').val(days);
console.log(days);
}
}
);
});
</script>
$(文档).ready(函数(){
$('#txtToDate')。日期选择器({shown:'button',
buttonImage:'images/20/calendar200.gif',
buttonImageOnly:true,onSelect:function(){},
onClose:function(){$(this.focus();}
});
$('#txtFromDate')。日期选择器({shown:'button',
buttonImage:'images/20/calendar200.gif',
buttonImageOnly:true,onSelect:
函数(日期文本,inst){
$('#txtToDate').datepicker(“选项”,“minDate”,新日期(dateText));
}
,
onClose:function(){$(this.focus();}
});
$('#txtToDate')。日期选择器({
//你的其他选择在这里
onSelect:函数(日期文本,inst){
变量天数=($(“#txtToDate”).datepicker('getDate')-
$(“#txtFromDate”).datepicker('getDate')/(24*60*60*1000);
$('numOfDays').val(天);
控制台日志(天);
}
}
);
});
然后我有一个文本框控件:
<asp:TextBox ID="numOfDays" class="fptextbox12" runat="server" style="width:60px;"></asp:TextBox>
一旦用户选择开始日期和结束日期,我们希望在该框中显示总天数
你知道如何计算吗?在日期选择器中添加
onSelect
选项并计算天数
$('#txtToDate').datepicker({
// Your other options here
onSelect: function(dateText, inst) {
var days = ($("#txtToDate").datepicker('getDate') -
$("#txtFromDate").datepicker('getDate'))/(24*60*60*1000);
$('#numOfDays').val(days);
}
}
);
谢谢你的及时回复。我不熟悉jquery。在当前脚本中,我将代码放在哪里?我尝试运行,但收到以下错误:`无法获取属性'getTime'的值:对象为null或未定义'`没有更多错误,但date1-date2的值未显示在numOfDays框中。有什么想法吗?写console.log(天),看看控制台窗口中是否有任何内容。我猜文本框有另一个id,因为您使用的是ASP.NET。请将textbox ClientID模式设置为静态,或者在日志或警报天值之前尝试$(“”)val(天),以确保天具有有效值。