Question

使用ng-model在输入元素中格式化日期似乎是个问题。我有字符串格式的日期。它与value属性一起正常工作，但不适用于ng-model。我错过了什么。 fiddle

function MyCtrl($scope) {
    $scope.date = "09-29-2015";
}

<div ng-app ng-controller="MyCtrl">
    <input type="text" ng-model="date | date:'yyyy'">
</div>

Answer 1

查看angular-datetime指令

<input type="text" datetime="yyyy" ng-model="date">

https://github.com/eight04/angular-datetime

Answer 2

试试这个

<input type="date" id="exampleInput" name="input" ng-model="example.value"
   placeholder="yyyy-MM-dd" min="2013-01-01" max="2013-12-31" required />

或试试这个

<div ng-app ng-controller="Ctrl">
{{date | date:'yyyy'}}<br/> 
</div>

function Ctrl($scope)
 {
    $scope.date = new Date();
  }

请参阅此Angular jS date

更新小提琴Link

这对我有用

Answer 3

看起来您的日期也是一个字符串，请尝试将其作为日期。 function MyCtrl（$ scope）{ $ scope.date = new Date（）; }

使用data-ng-model对输入元素进行日期过滤

3 个答案: