我正在使用bootstrap datetimepicker,并且希望下拉列表在选择日期以及选择日期n时都关闭。目前,两种情况都没有关闭。
以下是我正在使用的代码:
<span id="datetimepickerStart" class="input-append date">
@Html.TextBoxFor(model => Model.Start)
$('#datetimepickerStart).datetimepicker({
language: 'en',
use24hours: true,
format: 'MM/dd/yyyy hh:mm:ss',
endDate: new Date(),
autoclose: true,
changeDate: function () {
alert();
}
});
我正在将此范围转换为datetimepicker。我尝试使用autoclose属性,changeDate事件但没有成功。大多数可用的解决方案都是针对datepicker而不是针对datetimepicker。
更新:我能够处理datetimepicker的更改事件,但现在,'hide'方法无法正常工作。这是小提琴:jsfiddle.net/QM8eC/59
现在有人可以检查吗?
答案 0 :(得分:1)
尝试一下,它应该可以工作。
在js部分
$(function () {
$('#datetimepickerStart').datetimepicker({
showClose: true,
icons: {
close: 'closeText'
}
});
});
在CSS部分
.closeText:before {
content: "Close";
}
关注此站点:https://www.jqueryscript.net/time-clock/Date-Time-Picker-Bootstrap-4.html