Javascript Datetimepicker引导程序在asp.net网站中可能无法正常工作
我可以用一些眼睛来检查我在这段代码中犯了什么错误。我尝试了一个例子,在这个例子中,我创建了用于签入和签出的输入框 它看起来像这样:Javascript Datetimepicker引导程序在asp.net网站中可能无法正常工作,javascript,jquery,asp.net,twitter-bootstrap,Javascript,Jquery,Asp.net,Twitter Bootstrap,我可以用一些眼睛来检查我在这段代码中犯了什么错误。我尝试了一个例子,在这个例子中,我创建了用于签入和签出的输入框 它看起来像这样: Check-in Input box (datetimepicker1) Check-out Input box (datetimepicker2) 我想让你在datepicker1中选择一个日期时,你可以用datetimepicker2表单选择一个更早的日期。你必须至少提前1天选择一天 我的asp代码: <div clas
Check-in
Input box (datetimepicker1)
Check-out
Input box (datetimepicker2)
我想让你在datepicker1中选择一个日期时,你可以用datetimepicker2表单选择一个更早的日期。你必须至少提前1天选择一天
我的asp代码:
<div class="form-group">
<div class="input-append date form_datetime">
<asp:Label ID="Label1" runat="server" Text="Check-in Date:"></asp:Label>
<input type="text" class="form-control" id="datetimepicker1" />
</div>
</div>
<div class="form-group">
<div class="input-append date form_datetime">
<asp:Label ID="Label2" runat="server" Text="Check-out Date:"></asp:Label>
<input type="text" class="form-control" id="datetimepicker2" />
</div>
</div>
<script type="text/javascript">
var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
var checkin = $('#datetimepicker1').datepicker({
onRender: function (date) {
return date.valueOf() < now.valueOf() ? 'disabled' : '';
}
}).on('changeDate', function (ev) {
if (ev.date.valueOf() > checkout.date.valueOf()) {
var newDate = new Date(ev.date)
newDate.setDate(newDate.getDate() + 1);
checkout.setValue(newDate);
}
checkin.hide();
$('#datetimepicker2')[0].focus();
}).data('datepicker');
var checkout = $('#datetimepicker2').datepicker({
onRender: function (date) {
return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
}
}).on('changeDate', function (ev) {
checkout.hide();
}).data('datepicker');
</script>
Javascript:
<div class="form-group">
<div class="input-append date form_datetime">
<asp:Label ID="Label1" runat="server" Text="Check-in Date:"></asp:Label>
<input type="text" class="form-control" id="datetimepicker1" />
</div>
</div>
<div class="form-group">
<div class="input-append date form_datetime">
<asp:Label ID="Label2" runat="server" Text="Check-out Date:"></asp:Label>
<input type="text" class="form-control" id="datetimepicker2" />
</div>
</div>
<script type="text/javascript">
var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
var checkin = $('#datetimepicker1').datepicker({
onRender: function (date) {
return date.valueOf() < now.valueOf() ? 'disabled' : '';
}
}).on('changeDate', function (ev) {
if (ev.date.valueOf() > checkout.date.valueOf()) {
var newDate = new Date(ev.date)
newDate.setDate(newDate.getDate() + 1);
checkout.setValue(newDate);
}
checkin.hide();
$('#datetimepicker2')[0].focus();
}).data('datepicker');
var checkout = $('#datetimepicker2').datepicker({
onRender: function (date) {
return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
}
}).on('changeDate', function (ev) {
checkout.hide();
}).data('datepicker');
</script>
var nowTemp=新日期();
var now=新日期(nowTemp.getFullYear(),nowTemp.getMonth(),nowTemp.getDate(),0,0,0);
var checkin=$('#datetimepicker1')。日期选择器({
onRender:函数(日期){
返回日期.valueOf()checkout.date.valueOf()){
var newDate=新日期(ev.Date)
newDate.setDate(newDate.getDate()+1);
checkout.setValue(newDate);
}
checkin.hide();
$('#datetimepicker2')[0]。焦点();
}).数据(“日期选择器”);
var checkout=$('#datetimepicker2')。datepicker({
onRender:函数(日期){
返回日期。valueOf()你能告诉我们什么不起作用吗?我在你的问题中没有看到具体的问题当你点击测试框时,datetimepicker没有打开。什么都没有发生。你的浏览器js控制台说什么?有错误吗?它是空的。如果我点击control+shift+j,控制台中没有文本。可能是因为你没有看到datePicker吗正在隐藏它吗?checkin.hide();checkout.hide();