如何在AngularJS中更改日期輸入字段的值表示法

Question

我想將日期輸入字段的格式從dd / mm / yyy更改為dd.mm.yyyy。是否有可能，如何以及是否有機會使datepicker在其他瀏覽器中正常工作？

<body ng-app="myApp">
    <div ng-controller="MyCtrl">
      <input type="date" ng-model="date" value="{{date}}">
        <p>{{date}}</p>
      <input type="time" ng-model="time" value="{{time}}">    
    </div>

Chrome瀏覽器中的日期現在看起來如何

Answer 1

您可以如下使用自定義過濾器

        <div ng-app="myApp">
           <div ng-controller="myCtrl">
             <p>{{date | divideByPoint}}</p> // displays as dd.mm.yyyy(21.12.2014)
          </div>
       </div>

在過濾器下面：divideByPoint

      var app = angular.module('myApp',[]);

 //controller
      app.controller('myCtrl',myCtrl);

         myCtrl.$inject = ["$scope"];

         function myCtrl($scope){
            $scope.date = "21/12/2014"
       }

  //filter

    app.filter('divideByPoint',function(){

     var pattern = /\//g;  
        return function(input) {
              return input.replace(pattern,'.');
           }

     })

https://jsfiddle.net/shushanthp/9yes55L5/

如何在AngularJS中更改日期輸入字段的值表示法

問題描述

1 個解決方案

解決方案1
2 2015-06-24 13:12:42

如何在AngularJS中更改日期輸入字段的值表示法

問題描述

1 個解決方案

解決方案1 2 2015-06-24 13:12:42

解決方案1
2 2015-06-24 13:12:42