在ng選項中格式化C＃dateTime到AngularJS日期

我在嘗試格式化一個從C＃web服務返回的日期時間，格式爲'2016-01-01T00：00：00'爲標準的MM/dd/yyyy格式在Angular中。相關日期在選擇列表中。在ng選項中格式化C＃dateTime到AngularJS日期

這裏是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/

來源

2016-07-27 Ron

查看該在線使用

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

作爲你的ng選項。圓括號將參數與格式分組。

https://jsfiddle.net/fvo31sd2/

來源

2016-07-27 16:41:00

你只需要加上括號在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>

來源

2016-07-27 16:44:40

我不能告訴的答案是第一，所以基於在/倒數第一了這個想法，這是我怎麼想的S/O的作品，我upvoted你，但給了@J。斯蒂恩得到了答案。 – Ron

@Ron它並不是真的很重要，但是如果你想在將來找出這樣的事情，你可以按「最老」（在你自己的問題下右邊的三個標籤）排列答案，或者你可以將鼠標懸停在「回答昨天/上週/無論」上面 - 回答者肖像之上的文字。 –

在ng選項中格式化C＃dateTime到AngularJS日期

回答

相關問題