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

Question

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

因此，就我而言，如果我将今天的日期设置为 2017 年 4 月 2 日，日期选择器应将其设置为今天的日期并在日历上圈出该日期

Answer 1

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 网站