时间戳

首页 > 解决方案 > 表单提交后如何保持选定的日期？

javascript - 表单提交后如何保持选定的日期？

问题描述

我在ng-bootstrap我的表单中使用日期选择器。提交表单后，我需要保留选定的日期选择器值。当前日期选择器值在表单提交后为空（重置）。如何保留选定的日期选择器值？

<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>

标签： javascriptangularng-bootstrap

解决方案

检查您是否正在修改函数model.fromDate中的模型值 ( ) save()。由于它是一个日期，因此您可能正在更改save()函数中的日期格式并将其分配回相同的变量。如果是这种情况，请使用另一个变量来存储修改后的值。

推荐阅读