input type =“date”not chrome in chrome>三十

时间:2014-11-05 09:48:16

标签: angularjs google-chrome date

从我的SQL Server

我成为“03.11.2014”的值。我希望这个值显示在输入类型的日期中,如:

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

在Internet Explorer中,这将显示正确,但没有日期选择器。像文本框一样显示。

在谷歌浏览器中,我没有任何价值。 我用谷歌搜索了,但看起来Chrome预计“2014-11-03”中的日期。

在两种浏览器中显示具有正确值的日期时间选择器的正确工作方式是什么?

1 个答案:

答案 0 :(得分:-1)

您需要在“{{myDate}}周围加上引号”,以便{{myDate}}可以正确地传递给value属性。

您需要创建自己的过滤器,将该字符串从mm.dd.yyyy解析为yyyy-dd-mm。根据您的日期选择器,您可能需要重新转换刚刚创建的字符串以再次成为日期。如果是这样,只需在过滤器中添加一行即可。

以下是从过滤器开始的示例:

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

然后调用(在控制器中注入'myApp'依赖项后):

value="{{myDate | reformatDate}}"