ngx-bootstrap自定义日期格式范围

时间:2020-06-21 05:28:17

标签: angular typescript datepicker ngx-bootstrap

我要自定义日期格式选择器。当我提交时,它变成这样:

enter image description here

我应该怎么做才能像这样myDate: 1-2 July 2020进行更改。 这是我的stackblitz演示和代码,供您参考。

HTML

<div class="container">
<form #z="ngForm" (ngSubmit)="onSave(z)" novalidate>
<input class="form-control"
           placeholder="Daterangepicker"
           (ngModel)="myDate"
           name="mydate"
           bsDaterangepicker
           [minDate]="minDate"
           [maxDate]="maxDate"
           [bsConfig]="{ dateInputFormat: 'DD-MM-YYYY',  displayOneMonthRange: true }">
           <button  class="btn btn-normal pl-4 pr-4">Submit</button>
</form>
</div>

组件

 onSave(z: NgForm){
    console.log(z.value);
  }

0 个答案:

没有答案