Question

我想要一个事件，其当前的开始日期和结束日期在列表中为：

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

我如何修剪和连接这个，只显示Event1为Sep 18, 2017, 10:00 AM - 11:00 AM，因为我的活动开始和结束日期总是相同，所以我不需要它们单独显示。< / p>

我相信，我可以在我的控制器或HTML文件中执行这些操作。

由于

Answer 1

你可以在控制器中试试这个：

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

Answer 2

你可以使用纯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"

Answer 3

你可以在下面写下 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>

Answer 4

要 concat 2字符串，您可以使用'+' operator和修剪字符串的一部分，您可以使用substr()函数。

检查以下演示中的问题

＆＃13;

var app = angular.module('myApp', []);
app.controller('MyController', ['$scope', function($scope) {
    $scope.title='Hello world';
var	Event1={Start: 'Sep 18, 2017 10:00AM', End: 'Sep 18, 2017 11:00AM'};
	$scope.newDate=Event1.Start+' - '+Event1.End.substr(Event1.End.length-7);
	
}]);

＆＃13;

<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>

＆＃13;

Answer 5

我在这里找到了答案： How can I convert date to a readable form in Angular and also concatenate two dates? 可读形式的合角度和 - 还接续模式-2-DA

如何在AngularJS中修剪和连接字符串

5 个答案: