Question

我在Angular中创建了一个日期选择器

     <div class="datepicker-wrapper">
        <label for="license_expiry_date">Start Date (YYYY-MM-DD)</label>
        <input type="text" class="form-control" [ngModel]="fromDate | date: 'yyyy-MM-dd'" placeholder="Enter start date" (focus)="onPurchaseDateFocus('from')" name="start_date">
        <div [hidden]="!isFromDatepickerVisible" class="datepicker-container">
            <datepicker [(ngModel)]="fromDate" name="fromdatepicker" (selectionDone)="onDateSelectionDone('from')">
            </datepicker>
        </div>
    </div>

我可以使用更新ng-model的日期选择器来选择日期，日期选择器上方的输入标签是可编辑的。但是当我从输入字段而不是日期选择器编辑日期而不是按日期选择器选择时，ng-model没有得到更新。

为什么编辑输入字段时值未更新？

Answer 1

不确定出了什么问题，但我的第一个猜测是表单控件上的单向数据绑定。

[ngModel]="fromDate | date: 'yyyy-MM-dd'"

尝试将其更改为

[(ngModel)]="fromDate | date: 'yyyy-MM-dd'"

有关双向数据绑定的更多信息

https://angular.io/docs/ts/latest/guide/template-syntax.html#!#two-way

输入字段编辑不更新日期选择器的ng-model？

1 个答案: