Question

我的表单中有三个日期字段。我在那些字段中使用jquery datepicker。我有一个代码，用于在ngModel属性中添加更改日期。但那仅适用于一个领域。

例如这是我的组件代码

$(".date").datepicker({
  changeMonth: true,
  yearRange: "1:100",
  format: 'mm/dd/yyyy',
  changeYear: true
}).on('change', e => this.SelectedData.Misc1 = e.target.value);

这是我的HTML代码

<input type="text" class="form-control date" id="Dat_Misc1" name="Misc1" [(ngModel)]="SelectedData.Misc1">
<input type="text" class="form-control date" id="Dat_Misc2" name="Misc2" [(ngModel)]="SelectedData.Misc2">
<input type="text" class="form-control date" id="Dat_Misc3" name="Misc3" [(ngModel)]="SelectedData.Misc3">

此处更改功能仅在一个属性中指定值。但我需要那个充满活力的。无论我选择哪个日期字段，都应该在ngModel上获取日期值。

请帮帮我。在此先感谢..！

Answer 1

在输入时使用jquery以及on change事件

$(".date").datepicker({
  changeMonth: true,
  yearRange: "1:100",
  format: 'mm/dd/yyyy',
  changeYear: true
}).on('input change', e => this.SelectedData.Misc1 = e.target.value);

如何在选定的角度2 ngModel中指定所选日期值？

1 个答案: