2017-09-22 55 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>