Default value of datetime picker AngularJS/MomentJS

Question

I'm using datepicker from here: http://indrimuska.github.io/angular-moment-picker/

How can I set this default value?

<input class="form-control"
       placeholder="Select date: To"
       ng-model="ctrl.datepicker">

What should I write in controller to get default date - today?

$scope.ctrl.datepicker=?;

Vikasdeep Singh · Accepted Answer · 2018-05-21 00:59:44Z

1

You can set today as default date using by passing moment(); only.

So in your case you have to do $scope.ctrl.datepicker = moment();

Below is working example:

HTML:

  <div class="form-control"
       moment-picker="ctrl.div.stringDate"
       format="YYYY-MM-DD"
       locale="en"
       ng-model="ctrl.div.momentDate">
    <a class="pull-right"
       ng-if="ctrl.div.stringDate"
       ng-click="ctrl.div.momentDate = undefined">
      &times;
    </a>
    <span ng-class="{'text-muted': !ctrl.div.stringDate}">
      {{ ctrl.div.stringDate || 'Select a date...' }}
    </span>
  </div>

JavaScript controller:

ctrl.setToday = function (which) {
  ctrl[which].momentDate = moment();
};

Here is complete code: https://plnkr.co/edit/3tf1IeOoZimt9V6HQnSp?p=preview

answered May 21, 2018 at 0:59

Vikasdeep Singh

21.9k16 gold badges82 silver badges106 bronze badges

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

Collectives™ on Stack Overflow

Default value of datetime picker AngularJS/MomentJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related