时间戳

首页 > 解决方案 > 如何从具有角度 7 的引导日期选择器输入中获取值

angular - 如何从具有角度 7 的引导日期选择器输入中获取值

问题描述

我正在使用 angular 7 和 bootstrap 4 进行编码。我使用 bootstrap datepicker 来选择日期并尝试从中获取数据。

我的html代码是这样的：

<div class="col-lg-8 form-group">
      <input id="startDate" type="text" placeholder="From" 
      class="form-control" bsDatepicker
      [bsConfig]="{ adaptivePosition: true, 
      dateInputFormat:'YYYY-MM-DD'}" (change)="onDateSelect($event)" >
</div>

JavaScript 函数是：

 selectedStartDate: string;
 onDateSelect(event) {
     this.selectedStartDate = event.target.value;
     console.log(this.selectedStartDate)
   }

结果我得到“未定义”。

selectedStartDate = undefined

谁能帮我从引导日期选择器中获取所选日期的值？

标签： angularbootstrap-4angular7bootstrap-datepicker

解决方案

<div class="col-lg-8 form-group">
      <input id="startDate" type="text" placeholder="From" 
      class="form-control" bsDatepicker [(ngModel)]="selectedStartDate"
      [bsConfig]="{ adaptivePosition: true, 
      dateInputFormat:'YYYY-MM-DD'}" >
</div>

您将在“selectedStartDate”中有日期

推荐阅读