Javascript 提交表单后如何保留所选日期？

我正在使用

ng引导程序

date picker到我的表单中。我需要在表单提交后保留所选日期选择器值。表单提交后，当前日期选择器值为空（重置）。如何保持选定的日期选择器值

<form class="form-inline" name="form" #invoiceheaderform="ngForm" novalidate (ngSubmit)="invoiceheaderform.form.valid && save();">

从日期开始*

    <div class="input-group">
    <input class="form-control ngbfield" 
           name="invfromdate"  [readonly]="true" #vl="ngModel" [(ngModel)]="model.fromDate" ngbDatepicker #d1="ngbDatepicker">
    <div class="input-group-append">
      <button class="btn btn-outline-secondary fa fa-calendar" (click)="d1.toggle()" type="button"></button>
    </div>
    <!-- <div *ngIf="invoiceheaderform.submitted && vl.invalid" class="invalid-feedback">From Date is required</div> -->
  </div>

  <button type="submit" [disabled]="disableRunButton" class="btn btn-primary mb-2 expad">Save</button>

</form>

拯救

---

问题可能在于提交时重置模型值，并且由于值受ngModel约束，因此日期值也会重置

---

对于提交，而不是直接调用Sub，请考虑将事件传递为保存（$事件）和调用事件。EvrimeDebug（）从保存函数

检查是否在<代码> SAVER（）/Cuff>函数中修改模型值（<代码>模型。由于它是一个日期，因此您可能正在

save（）

函数中更改日期格式，并将其分配回同一变量。如果是这种情况，请使用另一个变量来存储修改后的值。

name属性和ngModel的名称不同。name=“fromDate”[（ngModel）]=“model.fromDate”我更改了它。但表单提交后日期选择器值仍然清除保存代码的作用是什么？请共享

save（）

函数。

<div class="input-group">
  <input class="form-control ngbfield" name="fromDate"  [readonly]="true" #vl="ngModel" [(ngModel)]="model.fromDate" ngbDatepicker #d1="ngbDatepicker">
<div class="input-group-append">
  <button class="btn btn-outline-secondary fa fa-calendar" (click)="d1.toggle()" type="button"></button>
</div>