Question

[（ngModel）]未设置日期选择器的默认值。我已经尝试了各种不同的方法来填充日期选择器，但一直无法使用。

我的HTML

<input id="START_DATE" type="datetime-local" [(ngModel)]="startDate"/>

在该示例中，绑定有效，但我无法设置默认值。

我可以设置值，如果我只是插值，但然后我失去了我的2路绑定。值= “{{的startDate}}”

Answer 1

您可以将字符串类型属性绑定到输入日期类型。你必须转换＆＃34; Date对象＆＃34;到＆＃34;字符串＆＃34;并将字符串值存储在类组件属性中。将相应的属性（组件类）绑定到HTML元素（模板）。

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  startDate = new Date().toISOString().slice(0, 16);

  constructor(){
  }
}

您还可以创建一个可自定义的＆＃34;日期字符串＆＃34;格式函数根据用例。

Answer 2

Plunker - https://plnkr.co/edit/s5OMg2olU2yHI246nJOG?p=preview

<input type="date" [ngModel] ="dt | date:'yyyy-MM-dd'" (ngModelChange)="dt = $event">

HTML datepicker的角度设置默认值

2 个答案: