Bootstrap DatePicker проблема с хромом

Question

Это мой 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, но не работает в хроме.

Ошибка в хроме

JQuery-1.12.4.js: 8254 Указанное значение "12/07/2016" не соответствовать требуемому формату, "гггг-ММ-дд".

если добавить format: 'yyyy-mm-dd' в коде JavaScript затем после выбора даты, хром не показывает ожидаемый формат.

Формат даты в Chrome: mm/dd/yyyy.

Формат даты в Firefox: yyyy-mm-dd.

Я не могу найти решение. Я хочу формат даты во все броузере: мм/дд/гггг

Answer 1

В коде JS явно указать желаемый формат:

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

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

UPDATE:

Если это Ждет» t помочь вам всегда использовать метод onselect datepicker и форматировать дату, но вы хотите:

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