AngularJS Material Datepicker change format

Question

I am using the AngularJS Datepicker for a project. When posting a date I succeed on getting data back but the problem is that I get the date in the format of 2018-05-23T06:00:00.000Z.

Is there a way to get it to show just 2018-05-23?

This is what I have as my current datepicker

  // Date picker


  $scope.myDate = new Date();

  $scope.minDate = new Date(
    $scope.myDate.getFullYear(),
    $scope.myDate.getMonth() - 2,
    $scope.myDate.getDate());

  $scope.maxDate = new Date(
    $scope.myDate.getFullYear(),
    $scope.myDate.getMonth() + 2,
    $scope.myDate.getDate());

  $scope.onlyWeekdaysPredicate = function (date) {
  var day = date.getDay();
  return day === 1 || day === 2 || day === 3 || day === 4 || day === 5;
  };

This is my HTML

<md-input-container style="margin:0px;position:relative;right:15px;font-size:15px">
   <md-datepicker ng-model="user.next_class" ng-model="myDate" md-placeholder="Pick a date" md-date-filter="onlyWeekdaysPredicate" date:"MM/dd/yyyy 'at' h:mma" md-open-on-focus></md-datepicker>
</md-input-container>

I have heard of using Moment.JS for this and currently trying to find a resource that may help.

Muhammad Usman · Accepted Answer · 2018-05-17 19:30:44Z

1

You can convert your date to toISOString() and then slice the date part out of it

var date1 = "2018-05-23T06:00:00.000Z";

var d = new Date(date1).toISOString().slice(0, 10);

console.log(d)

answered May 17, 2018 at 19:30

Muhammad Usman

10.1k26 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kishore Konangi · Accepted Answer · 2018-05-18 08:46:24Z

0

Yeah, momentJs provides wide range of Formatting Options and You can have various of functions which are handy with momentJS library. Please check the below format for converting to any dateFormat you needed.

`var myDate = 2018-05-23T06:00:00.000Z ; // This is your datepicker ng-model variable var customizedDate = moment(myDate).format("YYYY-MM-DD");

answered May 18, 2018 at 8:46

Kishore Konangi

5543 silver badges15 bronze badges

Collectives™ on Stack Overflow

AngularJS Material Datepicker change format

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related