时间戳

首页 > 解决方案 > 使用 maxDate 的 bootstrap-datetimepicker 有时不显示日期

javascript - 使用 maxDate 的 bootstrap-datetimepicker 有时不显示日期

问题描述

我正在将 bootstrap-datetimepicker 用于日期字段。将 maxDate 设置为当前日期时，正常行为似乎是使用当前日期预加载字段。当用户到达该字段时，他们可以根据需要将日期更改为前一天。这是我用来初始化 datetimepicker 的代码：

$(".dateinput").datetimepicker({             //Initialize datepicker
        icons:
        {
            next: 'fa fa-angle-right',
            previous: 'fa fa-angle-left'
        },
    format: 'MM/DD/YYYY',
    maxDate: moment(),
});

这是HTML字段

<input type="text" name="transaction_date" tabindex="15" class="dateinput form-control" required="" id="id_transaction_date">

大约 10% 的时间，当页面加载时，日期字段为空。日期选择器仍然可以正常工作，未来的日期不可选择，但默认情况下该字段中根本没有日期。

我创建了一个 jsfiddle https://jsfiddle.net/he21nz9g/

如果您多次运行它，您会看到日期有时不会出现 - 这是一个已知的错误，还是有一些方法可以解决它？

标签： javascriptjquerytwitter-bootstrapdatetimepicker

解决方案

似乎我使用的 CDN 不可靠，有时没有立即加载。即使在 jsfiddle 中我仍然看到问题。我已将其替换为另一个似乎更可靠的 CDN (CloudFlare)。此外，为了确保在设置 maxDate 时始终显示日期，我只是在页面加载时将该字段设置为今天的日期，以便日期选择器加载速度是否足够快，日期始终存在。

当我最初选择这个日期选择器时，我没有使用 JQuery ui。我稍后出于其他目的添加了 JQuery ui，并且可能会在某个时候交换它的日期选择器。

推荐阅读