Wie Datum und Uhrzeit von DateTime in AngularJs Controller erhalten?

Question

Ich habe Datetime verfügbar. Alles, was ich brauche, um das Datum in TT/MM/JJJJ und Zeit in hh: mm a Format zu extrahieren.

Ich versuche unten Code, aber das funktioniert nicht. Was ist falsch mit dem Code und wie kann ich das genannte Ziel erreichen?

$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"); 

edit: erreichte ich die obige Funktionalität momentjs verwenden.

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

Jetzt bin vor mir ein anderes Problem. Dieser Wert wird nicht an die Ansicht gebunden. HTML ist wie folgt.

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

Wie kann ich den Wert der Zeit Objekt mit HTML5 die Zeitsteuerung binden?

Answer 1

Versuchen Sie folgendes:

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"); 
}]); 

Answer 2

{{date | Datum: 'TT-MM-JJJJ'}} {{Datum | Datum: 'hh: mm a'}}

In JS

$scope.date = new Date(); 

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