datetime format in angularjs

Question

In AngularJs I get a date in this format : ["2018-01-03T09:30:54.264Z"]. I want it to be in the format : "2018-01-03T09:30:00" How can I get it in this format?

Controller.js

var myDate = new Date();
$scope.form.date.push(myDate);

template

<div class="col-lg-12 photo-container" ng-repeat="photo in selectedPhotos track by $index" ng-if="add">
            <input id="myDate" type="datetime-local" name="date[]" ng-model="form.date[$index]">
            <img ng-src="{{photo}}" class="thumb">
        </div>

You mean display it in that format or being handled in that format? — FDavidov
– FDavidov, Commented Jan 3, 2018 at 9:38
<div>{{ form.date[$index] | date : 'yyyy-MM-ddThh-mm-ss' }}</div> — Aleksey Solovey
– Aleksey Solovey, Commented Jan 3, 2018 at 9:40
Yes, display it in that format. And the date must be an object — Mateusz Kibiłko
– Mateusz Kibiłko, Commented Jan 3, 2018 at 9:40

Aleksey Solovey · Accepted Answer · 2018-01-03 09:53:08Z

You are not being clear about how you are doing it, but here is a working example (work from it):

var app = angular.module('myApp', []);
app.controller('dateCtrl', function($scope) {

  $scope.form = {
    "date": []
  };
  for (let i = 0; i < 5; i++) {
    var myDate = new Date();
    $scope.form.date.push(myDate);
  }

});

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

<body>

  <div ng-app="myApp" ng-controller="dateCtrl">

    <div ng-repeat="date_ in form.date track by $index">
      <div>1: {{ date_ | date : 'yyyy-MM-ddThh-mm-ss' }}</div>
      <div>2: {{ form.date[$index] | date : 'yyyy-MM-ddThh-mm-ss' }}</div>
      <br/>
    </div>

  </div>
</body>

</html>

Manoj Kumar Singh · Accepted Answer · 2018-01-03 09:52:35Z

0

you can use moment.js to achieve that i.e.

var d = moment("2018-01-03T09:30:54.264Z").format('YYYY-MM-DDThh:mm:ss') .

it will give you the required format, put whatever format you want as string in format() function.

answered Jan 3, 2018 at 9:52

Manoj Kumar Singh

342 bronze badges

3 Comments

Mateusz Kibiłko Over a year ago

How can i get date with format : '2017-12-31T11:12:00.000Z' ? I try this: var d = moment(myDate).format('YYYY-MM-DDThh:mm:ss.000Z'); But this doesnt work

Mateusz Kibiłko Over a year ago

Ok, doesnt matter. I did to do what I wanted

Manoj Kumar Singh Over a year ago

just use moment().toISOString() you will get ISO format of the date(i.e.-2017-12-31T11:12:00.000Z)

Aref Zamani · Accepted Answer · 2018-01-03 10:10:44Z

0

first inject $filter to your controller then try this:

var myDate = new Date();
myDate = $filter('date')(myDate , "YYYY-MM-DDThh:mm"); 
$scope.form.date.push(myDate);

edited Jan 3, 2018 at 10:10

answered Jan 3, 2018 at 9:58

Aref Zamani

2,0622 gold badges23 silver badges42 bronze badges

Collectives™ on Stack Overflow

datetime format in angularjs

3 Answers 3

Comments

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Linked

Related