如何将bootstrap-datetimepicker默认显示日期设置为' null'

时间:2016-03-24 15:37:21

标签: jquery css twitter-bootstrap datetimepicker eonasdan-datetimepicker

enter image description here

我正在使用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,但当前日期仍然显示。我该如何解决这个问题?

1 个答案:

答案 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文件的人,也可以使用此方法。 随时提出任何疑问。 谢谢