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

问题描述 投票:3回答:1

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,但当前日期仍然显示。我怎样才能解决这个问题?

jquery css twitter-bootstrap datetimepicker eonasdan-datetimepicker
1个回答
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>

在上面的代码中,我在输入标签中使用“readonly”,然后在使用ignoreReadOnly为true的脚本中,这将忽略datetimepicker在input标签中给出的readonly,但是,用户无法输入任何内容,只能选择日期。具体来说,在上面的情况下,我正在使用当前年份并设置为默认日期,这将设置输入标签的一些默认值,在我的情况下当前年份的1月1日所以要删除它只是在jquery中使用了一个调整使用空值重新初始化#datetimepicker4 id。这将在网页加载时设置空值。再次,我知道这不是一个永久的解决方案,但对于那些不能或不想调整js文件的人,也可以使用这种方法。随意查询任何疑问。谢谢

© www.soinside.com 2019 - 2024. All rights reserved.