Question

我使用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”的正确日历

我该如何解决？

Answer 1

建议您使用M-d-yy格式，而不是mm-dd-yyyy。

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

Answer 2

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

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

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

2 个答案: