使用 chrome 引导日期选择器问题答案

【问题标题】：Bootstrap datepicker issue with chrome使用 chrome 引导日期选择器问题
【发布时间】：2017-04-15 22:29:11
【问题描述】：

这是我的 HTML

 @Html.EditorFor(model => model.Date, new { htmlAttributes = new { @class = "form-control form-inline "} })
    <span style="background-color:lightgray" class="form-control-feedback"><i class="fa fa-calendar fa-2x"></i></span>

这是我的 jquery 代码-

$("#Date").datepicker({
     autoclose: true,
     todayHighlight: true
});

以下代码适用于 Firefox 和 IE，但不适用于 chrome。

chrome 中的错误

jquery-1.12.4.js:8254 指定值“12/07/2016”不符合要求的格式，“yyyy-MM-dd”。

如果我在 JavaScript 代码中添加 format: 'yyyy-mm-dd' 然后在选择日期后，chrome 不显示预期的格式。

Chrome 中的日期格式：mm/dd/yyyy。

Firefox 中的日期格式：yyyy-mm-dd。

我无法找到解决方案。我想要所有浏览器中的日期格式：mm/dd/yyyy

【问题讨论】：

标签： javascript jquery twitter-bootstrap date razorengine

【解决方案1】：

在您的 js 代码中明确提及所需的格式：

$("#Date").datepicker({
     autoclose: true,
     todayHighlight: true,
     dateFormat: 'mm/dd/yyyy'
});

http://api.jqueryui.com/datepicker/#option-dateFormat

更新：

如果这没有帮助，您可以随时使用 datepicker 的 onselect 方法并根据需要格式化您的日期：

$('#Date').datepicker( {
    onSelect: function(date) {
        alert(date);
    },
    autoclose: true,
    todayHighlight: true,
    dateFormat: 'mm/dd/yyyy'
});

【讨论】：