如何将 datepicker 绑定到 ngmodel答案

【问题标题】：How to bind datepicker to ngmodel如何将 datepicker 绑定到 ngmodel
【发布时间】：2021-10-18 08:56:11
【问题描述】：

我根据这个在我的表单中设置了日期选择器： https://bootstrap-datepicker.readthedocs.io/en/latest/

  <div class="input-group date" data-provide="datepicker" >
    <input type="text" class="form-control">
    <div class="input-group-addon"  >
      <span class="glyphicon glyphicon-th"></span>
    </div>
  </div>

如何将其添加到ngModel？

以与我对其他输入（如文本、收音机）相同的方式绑定它。

  <input type="text" class="form-control" name="mytext" ngModel> <-- works
  <div class="input-group date" data-provide="datepicker" >
    <input type="text" class="form-control"  name="mydate" ngModel> <-- doesnt work
    <div class="input-group-addon"  >
      <span class="glyphicon glyphicon-th"></span>
    </div>
  </div>

如您所见，我想以与其他输入完全相同的方式绑定它。
component.ts 知道 mydate 的新字段，但它仍然为空。

【问题讨论】：

这是一篇关于它的文章.. itsolutionstuff.com/post/…

标签： angular bootstrap-4 datepicker

【解决方案1】：

您需要为日期选择器逻辑实现ControlValueAccessor 接口。

这将花费相当多的时间，最终，您很有机会克隆ng-bootstrap 或ngx-bootstrap。您可以考虑立即使用其中一种。这两个已经被社区很好地打磨了。

【讨论】：