javascript - 如何自定义daterangepicker(ngxDaterangepickerMd)

我想自定义daterangepicker使用ngxDaterangepickerMd，以便在单个输入字段中获取start date，我想在两个不同的字段中拆分start date和end date，以便在我对start date进行任何修改或end date分别

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 DC">
      <div class="form-group">
        <img src="./assets/icons/calender-01.svg" class="cImg">
        <input id="datepicker1" class="form-control dpFrom" type="text" name="daterange" placeholder="Departure"
                ngxDaterangepickerMd [(ngModel)]="selected" [minDate]="minDate" [showClearButton]="true"
        [singleDatePicker]="false">
      </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 AC">
      <div class="form-group fff">
        <img src="./assets/icons/calender-01.svg" class="cImg">
        <input id="datepicker2" class="form-control dpTo" type="text" name="arrival" placeholder="Return">
      </div>
    </div>

最佳答案

在HTML中的输入标签上使用（datesUpdated）调用事件函数

的HTML：

<input (datesUpdated)="datesUpdated($evnets)"/>

ts：

datesUpdated(range){
console.log(range.startDate._d);
console.log(range.endDate._d);
}

将开始日期和结束日期存储在不同的阻止变量中。

关于javascript - 如何自定义daterangepicker(ngxDaterangepickerMd)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56663775/