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

Question

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

$(".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/

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

Answer 1

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

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