Saya terjebak pada suatu masalah dan akan sangat menghargai bantuan apapun. Saya sudah membaca banyak diskusi yang ada, tetapi tampaknya tidak berhasil untuk saya.
//I have a date as a string which I want to get to a date format of dd/MM/yyyy
var collectionDate = '2002-04-26T09:00:00';
//used angularjs date filter to format the date to dd/MM/yyyy
collectionDate = $filter('date')(collectionDate, 'dd/MM/yyyy'); //This outputs 26/04/2002 as a string
Bagaimana cara mengubahnya menjadi objek tanggal? Alasan saya ingin melakukan ini adalah karena saya ingin menggunakannya dalam arahan google charts di mana salah satu kolomnya harus berupa tanggal. Saya tidak ingin memiliki tipe kolom sebagai string:
misalnya:
var data = new google.visualization.DataTable();
data.addColumn('date', 'Dates');
data.addColumn('number', 'Upper Normal');
data.addColumn('number', 'Result');
data.addColumn('number', 'Lower Normal');
data.addRows(scope.rows);.................
coba ini
html
<div ng-controller="MyCtrl">
Hello, {{newDate | date:'MM/dd/yyyy'}}!
</div>
JS
var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
var collectionDate = '2002-04-26T09:00:00';
$scope.newDate =new Date(collectionDate);
}
[Demo][1]
Inilah yang saya lakukan pada controller
var collectionDate = '2002-04-26T09:00:00';
var date = new Date(collectionDate);
//then pushed all my data into an array $scope.rows which I then used in the directive
Saya akhirnya memformat tanggal ke pola yang saya inginkan pada direktif sebagai berikut.
var data = new google.visualization.DataTable();
data.addColumn('date', 'Dates');
data.addColumn('number', 'Upper Normal');
data.addColumn('number', 'Result');
data.addColumn('number', 'Lower Normal');
data.addRows(scope.rows);
var formatDate = new google.visualization.DateFormat({pattern: "dd/MM/yyyy"});
formatDate.format(data, 0);
//set options for the line chart
var options = {'hAxis': format: 'dd/MM/yyyy'}
//Instantiate and draw the chart passing in options
var chart = new google.visualization.LineChart($elm[0]);
chart.draw(data, options);
Ini memberi saya tanggal dalam format dd/MM/yyyy (26/04/2002) pada sumbu x grafik.
//JS
//First Solution
moment(myDate)
//Second Solution
moment(myDate).format('YYYY-MM-DD HH:mm:ss')
//or
moment(myDate).format('YYYY-MM-DD')
//Third Solution
myDate = $filter('date')(myDate, "dd/MM/yyyy");
<!--HTML-->
<!-- First Solution -->
{{myDate | date:'M/d/yyyy HH:mm:ss'}}
<!-- or -->
{{myDate | date:'medium'}}
<!-- Second Solution -->
{{myDate}}
<!-- Third Solution -->
{{myDate}}