input type = "date" not show value in chrome> 30

Question

с моего SQL Server я ставлю значение «03.11.2014». Это значение я хочу показать в типе ввода даты, как:

<input type="date" value={{myDate}}>

В Internet Explorer это покажет правильно, но без выбора даты. Показать как текстовое поле.

В Google Chrome я не стал ценным. У меня есть googled, но похоже, что Chrome ожидал дату в «2014-11-03».

Какой правильный рабочий стол отображает сборщик данных с правильным значением в BOTH браузерах?

Answer 1

Вы хотите поместить кавычки «{{myDate}}», чтобы {{myDate}} мог быть передан соответствующим атрибуту value.

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

Вот пример, чтобы начать с для фильтра:

angular.module('myApp', []) 
    .filter('reformatDate', function() { 
    return function(input) { 
     input = input.splice('.'); 
     return input[2] + "-" + input[1] + "-" + input[0]; 
    }; 
    }) 

, которые вы затем вызвать (после инъекции зависимость 'MYAPP' в контроллере):

value="{{myDate | reformatDate}}"