如何从AngularJs控制器中的DateTime获取日期和时间?

时间:2017-09-18 09:06:38

标签: angularjs

我有日期时间。我只需要在 dd / MM / yyyy 中提取日期,并以 hh:mm a 格式提取时间。

我正在尝试下面的代码,但这不起作用。代码有什么问题?如何实现上述目标?

$scope.date = new Date(dateTimeObj).getDate().toLocaleString("dd/MM/yyyy");
$scope.from = new Date(dateTimeObj).getTime().toLocaleString("hh:mm a");
$scope.to = new Date(dateTimeObj).getTime().toLocaleString("hh:mm a");

编辑: 我使用momentjs实现了上述功能。

$scope.to moment(dateTimeObj).format("HH:mm A");

现在我面临着另一个问题。此值未绑定到视图。 Html如下。

<input type="time" class="form-control" placeholder="To" ng-model="to" id="to" value="{{to}}">

如何将时间对象的值与HTML5的时间控件绑定?

2 个答案:

答案 0 :(得分:1)

试试这个:

var myApp = angular.module('myApp',[]);
myApp.controller('pageCtrl', ['$scope','$filter', function ($scope,$filter) {
   var dateStr = '2015-09-21 18:30:00';
   $scope.dt = $filter('date')(new Date(dateStr.split('-').join('/')), "dd/MM/yyyy hh:mm a");
}]);

答案 1 :(得分:1)

{{date |日期: 'DD-MM-YYYY'}} {{date |日期:'hh:mm a'}}

在JS中

$scope.date = new Date();

https://plnkr.co/edit/aXdMMPmZXtuzTLfX1mXu?p=preview