AngularJS在ng-model中获取格式化日期

Question

我在时间戳中按照模型值填充了以下文本输入:

<input type="datetime" ng-model="workerDetail.dateOfBirth"  class="form-control" id="date_of_birth" />

它在输入中显示给定时间戳的值.

我想将输入中可见的值转换为格式化日期(YYYY/MM/DD),但在模型中应始终作为时间戳.

我试着这样做:

{{workerDetail.dateOfBirth | date:'MMM'}}

但没有运气.

谢谢你的建议.

Answer 1

你可以试试一个过滤器

HTML

<input type="datetime" ng-model="mydateOfBirth"  class="form-control" id="date_of_birth" />

控制器JS

$scope.$watch('mydateOfBirth', function (newValue) {
    $scope.workerDetail.dateOfBirth = $filter('date')(newValue, 'yyyy/MM/dd'); 
});

$scope.$watch('workerDetail.dateOfBirth', function (newValue) {
    $scope.mydateOfBirth = $filter('date')(newValue, 'yyyy/MM/dd'); 
});

Answer 2

您还可以指定如下所示的时区:

$scope.$watch('workerDetail.dateOfBirth', function (newDate) {
    $scope.workerDetail.dateOfBirth = $filter('date')(newDate, 'HH:mm', 'UTC'); 
});