微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决使用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/

如果您多次运行它,您会发现有时它只是不显示日期-这是一个已知的错误,还是有某种解决方法

解决方法

我使用的CDN似乎不可靠,偶尔也没有立即加载。即使在jsfiddle中,我仍然看到问题。我已经用另一个看起来更可靠的CDN(CloudFlare)代替了它。另外,为了确保在设置maxDate时始终显示日期,我只是将页面加载时将字段设置为今天的日期,因此无论datepicker是否加载得足够快,日期始终都在这里。

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。