angular - 如何绑定并获取使用 angular4 datepicker 动态生成的 datepicker 的值？

Question

我正在努力寻找解决方案，但找不到任何解决方案。我正在使用这个日期选择器来绑定和获取动态生成的日期选择器的值。这是我到目前为止所尝试的：

<tr *ngFor="let rpr of DocumentMode">   
    <td>
        <input type="text" class="form-control" [ngModelOptions]="{standalone: true}" [(ngModel)]="rpr.DOC_ATTCHE_PATH">
    </td>
    <td style="width: 18%">        
        <my-date-picker name="from" [options]="DocDatePickerOptions" [placeholder]="placeholder" [(ngModel)]="validFrom"></my-date-picker> 
    </td>   
    <td>
        <input type="text" class="form-control" [ngModelOptions]="{standalone: true}" [(ngModel)]="rpr.SD_REMARKS">
    </td>
    <td>
        <input type="file" class="form-control" id="btnUpload1" value="Upload1" name="Selectedfiles1" (change)="fileChange($event, rpr)"
            accept=".pdf" />
    </td>
    <td>
        <div class="checkbox">
            <label>
                <input type="checkbox" [value]="rpr.IS_CHECK" [checked]="rpr.IS_CHECK" (change)="$event.target.checked ? rpr.IS_CHECK = true : rpr.IS_CHECK = false">
            </label>
        </div>
    </td>
</tr>

这是我如何尝试检索 JSON 对象发送的值的代码片段。

这是定义：

public DocDatePickerOptions: IMyDpOptions = {
    dateFormat: 'yyyy.mm.dd',
    showInputField: true,
    editableDateField: true,
    showClearDateBtn: false,
    inline: false
  } 

以下是我尝试获取和绑定动态 datpicker 值的方法：

DocDateRetreive() {
    for (var i = 0; this.DocumentMode.length; i++) {
      if (this.DocumentMode[i].SD_VALID_FROM == null) {

      }
      else {
        var validFromTemp = new Date(this.DocumentMode[i].SD_VALID_FROM);
        this.validFrom = { date: { year: validFromTemp.getFullYear(), month: validFromTemp.getMonth() + 1, day: validFromTemp.getDate() } };
        console.log("valid", this.validFrom);

      }
    }   

  }

所以最后我调用了这个函数，OnInit()在页面加载时调用它。

它运行但没有任何反应。我收到一些空值错误。

如何正确绑定和获取值？帮助将不胜感激。

标签： angulartypescriptdatepicker