Формат ввода типа даты и даты выборки

Question

Я работаю с атрибутами ввода элементов HTML5, и только Chrome, iOS Safari и Opera, похоже, поддерживают его в это время. Таким образом, я создал jQuery UI datepicker fallback для браузеров, которые еще не поддерживают его, но есть несколько проблем, с которыми я сталкиваюсь, и не смогли найти ответы.

1. Если я кладу в формате даты, что datepickers требует, а затем выбрать новую дату, есть дополнительный гггг
2. Я думаю, что формат гггг-мм-дд смешно и хотел бы это будет отображаться mm/dd/yyyy, как хром, даже если значение все равно yyyy-mm-dd. Есть ли способ сделать это с помощью datepicker или лучшего решения?

Example

JS

if (!Modernizr.inputtypes.date) { 
    $('input[type=date]').datepicker({ 
    dateFormat: 'yyyy-mm-dd' // HTML 5 
    }); 
} 

HTML

<input type="date" value="2014-01-07" /> 

Пожалуйста, смотрите в Firefox для просмотра Datepicker запасной вариант и хром, чтобы просмотреть дату ввода типа.

Answer 1

Исключительно, датпикер jQuery делает это по-другому, полный год составляет всего yy, поэтому yyyy доставит вам полный год дважды.

Вот список форматов даты ->http://api.jqueryui.com/datepicker/#utility-formatDate

Обратите внимание, что y является две цифры года, и yy это четыре цифры года.

Чтобы показать дату в одном формате и отправить другой формат, вы должны использовать опцию altField и другой вход, который содержит альтернативное значение.
Это вход, который вы подадите, пока вы показываете пользователю исходный ввод.

Чтобы установить, что для родного DatePicker, а также, вы могли бы сделать что-то вроде

<input type="date" id="date" /> 
<input type="hidden" id="alternate" /> 

и

if (!Modernizr.inputtypes.date) { 
    $("#date").datepicker({ 
     dateFormat : 'mm/dd/yy', 
     altFormat : "yy-mm-dd", 
     altField : '#alternate' 
    }); 
} else { 
    $('#date').on('change', function() { 
     $('#alternate').val(this.value); 
    }); 
} 

FIDDLE