我可以用一些眼睛来检查我对这段代码做错了什么。我试图按照一个例子,我已经输入了用于办理登机手续和退房的箱子。
看起来像这样:
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>
使用Javascript:
<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>
我确定我有正确的js文件,因为它之前已经使用过其他一些代码,但它并不那么聪明,因为我不想要任何图标,它应该只是一个文本框,当你点击它时,datetimepicker应该自己打开它。
希望有人能看出这有什么问题。