在angular 2材质中设置datepicker的默认日期

发布时间：2020-12-17 06:50:11 所属栏目：安全来源：网络整理

导读：我正在尝试使用material.angular.io创建datepicker,但我需要为字段设置默认日期.在previose版本角度材料很容易.有人知道我现在该怎么办？我的代码： input mdInput name="start_time" #start_time="ngModel" [mdDatepicker]="startDate" [min]="minDate" da

我正在尝试使用material.angular.io创建datepicker,但我需要为字段设置默认日期.在previose版本角度材料很容易.有人知道我现在该怎么办？

我的代码：

<input mdInput
       name="start_time"
       #start_time="ngModel"
       [mdDatepicker]="startDate"
       [min]="minDate"
       date="true"
       [(ngModel)]="planModel.start_time"
       placeholder="Choose a date">

    <md-datepicker-toggle mdSuffix [for]="startDate"></md-datepicker-toggle>
    <md-datepicker [startView]="dateStart" #startDate></md-datepicker>

解决方法

您需要初始化日期模型.在您的ts代码中,在构造函数或获取planModel的方法中执行以下操作：

planModel.start_time = new Date(); // Current Date

链接到working demo.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!