2017-09-22 60 views
-2

我想目前有它的起始日期和結束日期列表中的一個事件:如何修剪和連接字符串中AngularJS

Event1={Start: 'Sep 18, 2017 10:00AM', End: 'Sep 18, 2017 11:00AM'} 

我怎麼能修剪和串聯這只是顯示Event1作爲Sep 18, 2017, 10:00 AM - 11:00 AM爲我的活動開始和結束日期總是相同的,所以我不需要它們分開顯示。

我可以在我的控制器或HTML文件中執行它們,我相信。

感謝

+0

事件只發生在同一天嗎? –

回答

0

你可以在你的控制器試試這個:

Event1 = Event1.Start + ' - ' + Event1.End.split(' ')[3];

0

您可以使用純JavaScript爲這個簡單的一招。

var Event1={Start: 'Sep 18, 2017 10:00AM', End: 'Sep 18, 2017 11:00AM'} 

var result= Event1.Start + ' - ' + Event1.End.split(' ')[3]; 

輸出:

"Sep 18, 2017 10:00AM - 11:00AM" 
0

您可以編寫方法getTimeFromDate()以下得到的時候,你 通日期該方法。您可以根據您的選擇從Html或控制器本身調用此方法。

<html> 
<body> 

<p>Click the button to display the time as a string.</p> 

<button onclick="getTimeFromDate('September 22, 2017 11:12:00')">Hit Me!</button> 

<p id="demo"></p> 

<script> 
function getTimeFromDate(date) { 
    var d = new Date(date); 
    var n = d.toLocaleTimeString(); 
    document.getElementById("demo").innerHTML = n; 
} 
</script> 

</body> 
</html> 
0

CONCAT 2串您可以使用'+' operator修剪可以使用substr()函數的字符串的一部分。

檢查下面的演示您的問題

var app = angular.module('myApp', []); 
 
app.controller('MyController', ['$scope', function($scope) { 
 
    $scope.title='Hello world'; 
 
var \t Event1={Start: 'Sep 18, 2017 10:00AM', End: 'Sep 18, 2017 11:00AM'}; 
 
\t $scope.newDate=Event1.Start+' - '+Event1.End.substr(Event1.End.length-7); 
 
\t 
 
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-controller='MyController' ng-app="myApp"> 
 
    <div>{{newDate}}</div> 
 
</div>