Question

我在使用datepicker将值存储到formcontrol时遇到问题。这是示例：

<div class="col-12 scol-sm-6 col-md-3 col-xl-3">
   <div class="form-group">
      <label>Эхлэх огноо</label>
      <input
         id="salaryTransferStartDate"
         class="form-control daterange-basic"
         #salaryTransferStartDate
      />
   </div>
</div>

在我的ts文件中：

$("#salaryTransferStartDate").daterangepicker({
      singleDatePicker: true,
      startDate: moment().format("YYYY-MM-DD"),
      locale: {
        format: "YYYY-MM-DD"
      },
      onClose: dateText => {
        this.configurationForm
          .get("salaryTransferStartDate")
          .setValue(dateText);
      }
    });

但是我的formControl值= null。我究竟做错了什么？我正在使用角度7。

Answer 1

总是最好避免在angular中使用Javascript。

在这种情况下，选择日期选择器时通常不会在模型中反映出来，因为您没有使用键盘输入值。

您可以尝试：-

    $('#salaryTransferStartDate').datepicker({
      format: "dd/mm/yyyy",
      autoclose: true
    })
    .on('changeDate', function(e){
      e.target.dispatchEvent(new Event('input'));
      e.target.dispatchEvent(new Event('change')); 

    });;


     <input  type="text" size="5" maxlength="100" id="yuyuy"
                        [ngModel]="fromDate" class="form-control cal_date"
                        placeholder="Enter {{displayName}}">

答案是针对模板驱动的。您也可以进行反应式测试，让我知道。我也陷入类似的情况，并为我触发输入工作。如果有问题让我知道

如何使用FormControl获取Datepicker值

1 个答案: