Bootstrap Datepicker第一次显示错误的日历答案

【问题标题】：Bootstrap Datepicker shows wrong calendar at first timeBootstrap Datepicker第一次显示错误的日历
【发布时间】：2018-11-09 20:05:24
【问题描述】：

我使用 Bootstrap Datepicker 在我的 HTML 文档中放置一个日期输入字段。我使用以下代码。

HTML：

<input type="text" name="manifest-date" class="calender form-control" placeholder="M-d-yy" id="manifest-date" value="{{$currentDate}}" data-date-format="M-dd-yy"/>

JavaScript：

$(document).ready(function($){
    var d1 = $('input[id="manifest-date"][name="manifest-date"]').datepicker({autoclose:true}).datepicker({"setDate":new Date(), format: 'M-dd-yy'});
});

当我重新加载页面并单击日历时，日历显示的是 2022 年 2 月 1 日，而不是当前日期。我的语言环境设置为正确的日期和时间。所以每次我必须将日历从 2022 年切换到 2018 年。只有在我更改 HTML 中的日期格式时才会发生这种情况。它显示了“mm/dd/yyyy”的正确日历

我该如何解决这个问题？

【问题讨论】：

请将代码更改为 $(document).ready(function($){ var d1 = $('input[id="manifest-date"][name="manifest-date"]' ).datepicker({autoclose:true,setDate:new Date(), format: 'M-dd-yy'});
已更改。但问题仍然存在
你的 value="{{$currentDate}}" 中的哪个日期？
你能试试这个吗？ jsfiddle.net/acq7t97c/4318我没看出有什么问题
@Kishan 我得到 Oct-22-18

标签： javascript html twitter-bootstrap

【解决方案1】：

似乎问题出在您的 jQuery 函数中。按如下方式使用：

$('.datepicker').datepicker({format : 'M-dd-yy', autoclose: true});

【讨论】：

【解决方案2】：

我建议您使用文档中所述的 mm-dd-yyyy 格式，而不是 M-d-yy。

您可以在此处查看 Bootstrap 日期选择器文档 => https://bootstrap-datepicker.readthedocs.io/en/latest/#configuration

【讨论】：