如何将Angular Material md-datepicker的日期值初始化为任何指定日期

时间:2017-03-04 09:53:48

标签: javascript angularjs angular-material

在Angular Material md-datepicker中,当我点击日期选择器时,它将系统的当前日期设置为今天的日期。我们注意到今天的日期在日期选择器日历中圈出。我想知道是否有办法将任何给定日期设置为今天的日期。请参考此图片。 md-datepicker's calender (today's date highlighted in Yellow)

因此,在我的情况下,如果我将今天的日期定为2017年4月2日,则日期选择器应将此设置为今天的日期,并将此日期圈在日历上

1 个答案:

答案 0 :(得分:3)

HTML

<md-content ng-controller="AppCtrl as ctrl" layout-padding="" ng-cloak="" class="datepickerdemoBasicUsage" ng-app="MyApp">
  <div layout-gt-xs="row">
    <div flex-gt-xs="">
      <h4>Standard date-picker</h4>
      <md-datepicker ng-model="ctrl.myDate" md-placeholder="Enter date"></md-datepicker>
    </div>
</md-content>

JS

angular.module('MyApp',['ngMaterial', 'ngMessages', 'material.svgAssetsCache']).controller('AppCtrl', function() {
  this.myDate = new Date('2017-04-17T03:24:00');
  this.isOpen = false;
});
  

this.myDate = new Date('2017-04-17T03:24:00');

您可以在此处设置自己的日期。在您的情况下,您希望2017年4月2日作为日期时间选择器中的默认日期,那么您应该写

  

this.myDate = new Date('2017-04-01T03:24:00');

Live Demo

我提到了Angular Material网站