我正在使用http://eonasdan.github.io/bootstrap-datetimepicker/。如果您打开https://jsfiddle.net/Eonasdan/0Ltv25o8/,您会看到初始日期为空,只有在点击小部件时才会填充(另请参见屏幕截图)。这是我想要的行为。
在我的设置中,默认设置为当前日期。
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker5').datetimepicker({
enabledHours: [ 12,19,20,21 ],
stepping:15,
sideBySide: true,
defaultDate:false
});
});
</script>
我尝试过defaultDate:false,但当前日期仍然显示。我该如何解决这个问题?
答案 0 :(得分:0)
如果您仍在努力寻找答案,则可以使用以下代码尝试自己的方法。但是,我会解释我的情况
<input type='text' class="form-control" readonly id='datetimepicker4' />
<script>
$(document).ready(function() {
var date = new Date();
var year = date.getFullYear();
$('#datetimepicker4').datetimepicker({
viewMode: 'years',
format: 'DD/MM/YYYY',
ignoreReadonly: true,
defaultDate: {year: year}
});
$('#datetimepicker4').val("");
)};
</script>
在上面的代码中,我在输入标记中使用“只读”,然后在脚本中使用ignoreReadOnly设置为true,这将忽略datetimepicker在输入标记中给出的只读,但是,用户无法输入任何内容仅选择日期。具体来说,在上述情况下,我将本年度用于当前年份并将其设置为默认日期,这将为输入标签设置一些默认值,在本例中为本年度的1月1日,因此要删除它,只需在jquery中进行调整即可用空值重新初始化#datetimepicker4 ID。这将在网页加载时设置空值。 同样,我知道这不是一个永久性的解决方案,但是对于那些不愿意或不愿意调整js文件的人,也可以使用此方法。 随时提出任何疑问。 谢谢