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>

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

Answer 2

我使用了datetimepicker配置：

let datetimepicker_config{
     useCurrent: false
}

$("#myinput").datetimepicker(datetimepicker_config);

它对我有用。

Answer 3

我试了一下，成功了。

$(function () {
    $('#datetimepicker5').datetimepicker({
       enabledHours: [ 12,19,20,21 ],
       stepping:15,
       sideBySide: true
    }).datetimepicker('setDate', null);
});