我将引导日期选择器与“禁用过去的日期和相关的禁用”配合使用。我正在按照单词的说明进行操作,但无法更改格式,原因是此内容可能丢失/不了解文档中的内容。如果有人可以给我解决方案,将不胜感激。
UI示例:
我的密码
$(document).ready(function() {
//CHANGE DATE FORMAT
format: "dd-mm-yyyy" //results in a syntax error
var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
var checkin = $('#dpd1').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();
$('#dpd2')[0].focus();
}).data('datepicker');
var checkout = $('#dpd2').datepicker({
onRender: function(date) {
return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
}
}).on('changeDate', function(ev) {
checkout.hide();
}).data('datepicker');
})
您可以通过在输入字段中添加HTML属性来自定义日期选择器。参见示例:
<input type='text' name="pickupDate" id="dpd1"
class="form-control" data-date-format="dd-mm-yyyy" />
这个小提琴以您的自定义格式显示日期,并且它的值也可以以相同的格式进行访问。(例如$('#dpd2').val()
)
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句