2017-03-04 17 views
2

角度材料md-datepickerでは、日付ピッカーをクリックすると、システムの現在の日付が今日の日付として設定されます。今日の日付は日付ピッカーのカレンダーに囲まれています。今日の日付として任意の日付を設定する方法があるかどうかを知りたい。この画像を参照してください。 md-datepicker's calender (today's date highlighted in Yellow)角度材料md-datepickerの日付値を指定した日付に初期化する方法

私は2017年4月2日と今日の日付を設定するのであれば、私の場合には、DatePickerのカレンダーに今日の日付と円としてこの日付をこれを設定する必要があり

+0

のための角度素材のウェブサイトを参照し、 とあなたのコントローラ this.myDate = new Date( '2017-04-17T03:24:00'); –

答えて

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 =新しい日付( '2017-04-17T03:24:00')。

ここに独自の日付を設定できます。あなたのケースでは、datetime pickerのデフォルト日付として2017年4月2日を書いてください。

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

Live Demo

は、私はあなたが使用することができます。この

関連する問題