用ng选项将C#日期时间格式化为AngularJS日期

本文关键字：日期 时间 格式化 AngularJS ng 选项 | 更新日期: 2023-09-27 17:59:06

我正在尝试将从C#web服务返回的日期时间（格式为"2016-01-01T00:00:00"）格式化为Angular的标准MM/dd/yyyy格式。有问题的日期在选择列表中。

这是AngularJS:

angular.module('myApp', [])
    .controller('ctrl', function ($scope) {
    $scope.options = [{
        name: "Date One",
        date: "2015-01-01T00:00:00"
    }, {
       name: "Date Two",
        date: "2016-01-01T00:00:00"
    }];
});

这是html:

<body ng-app="myApp">
    <div ng-controller="ctrl">
        <select class="form-control" ng-model="selectedOption" ng-options="option.name + ' ' + option.date | date:'MM/dd/yyyy' for option in options"></select>
    </div>
</body>

您可以在线查看，网址为https://jsfiddle.net/5s706vLq/7/

用ng选项将C#日期时间格式化为AngularJS日期

使用

option.name + ' ' + (option.date | date:'MM/dd/yyyy') for option in options

作为您的ng选项。括号将参数与格式分组。

https://jsfiddle.net/fvo31sd2/

您只需要在ng选项中为日期过滤器添加括号。见下文：

<body ng-app="myApp">
    <div ng-controller="ctrl">
        <select class="form-control" ng-model="selectedOption" ng-options="option.name + ' ' + (option.date | date:'MM/dd/yyyy') for option in options"></select>
    </div>
</body>
相关文章：