如何使用 ngmodel selectmode 为输入赋值？

Question

我有两个具有相同 ngmodel 的输入：

<input type="text" placeholder="Time Range To:"
               [(ngModel)]="timeRange"
               [selectMode]="'rangeTo'"
               >

<input type="text" placeholder="Time Range To:"
               [(ngModel)]="timeRange"
               [selectMode]="'rangeFrom'"
               >

在我的 ts 文件中，我使用

public timeRange: Date[];

例如使用 this.timeRange[0] 检索数据没有问题，但我想通过单击按钮输入一个值，当我使用 this.timeRange[0] 时，我收到以下错误：

ERROR TypeError: Cannot set property '0' of undefined

在我的函数中，我尝试这样做：

this.timeRange[0] = new Date(...);

如何为 rangeTo 和 rangeFrom 输入输入值？

Answer 1

不要对两个输入标签使用相同的变量，只需创建一个 timeRange 对象并根据您的要求添加从、到日期。

<input type="text" placeholder="Time Range To:" [(ngModel)]="timeRange.to">

<input type="text" placeholder="Time Range To:" [(ngModel)]="timeRange.from">

in component.ts

使用接口或对象类型创建变量，我这里使用的是接口

timeRange = new timeRange();

//adding and retrieving is now simple with this

export interface timeRange {
  to?: Date();
  from?: Date();
}

如何使用 ngmodel selectmode 为输入赋值？

How to put in value for an input with ngmodel selectmode?

angular

angular2-ngmodel