javascript - 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" />

Controller 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'); 
});