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

Question

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

Answer 1

如果您仍然在寻找答案，请使用以下代码尝试您自己的方法。不过，我会解释我的情况

<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>

在上面的代码中，我在输入标签中使用“readonly”，然后在脚本中使用ignoreReadOnly为true，这将忽略datetimepicker在输入标签中给出的只读，但是，用户还不能输入任何内容只需选择日期。具体来说，在上面的情况下，我使用当前年份并设置为默认日期，这将为输入标记设置一些默认值，在我的例子中是当年的 1 月 1 日，因此要删除它，只需在 jquery 中进行调整即可使用空值重新初始化 #datetimepicker4 id。这将在网页加载时设置空值。 再说一次，我知道这不是一个永久的解决方案，但是对于那些不能或不感兴趣调整 js 文件的人来说，也可以使用此方法。 有任何疑问请随时提问。 谢谢