如何使用 angular 8 在 ngx-bootstrap 中显示日期格式 dd/mm/yyy - dd/mm/yyyy

Question

我正在尝试显示这样的日期格式 dd/mm/yyy - dd/mm/yyyy 而不是 working.How 来更改它？以及如何获取选定的日期？

演示：https://stackblitz.com/edit/ngx-bootstrap-bsdatepicker-bug-2-f2vrht?file=app/app.component.html

<input 
class="form-control" 
placeholder="Two any two days" 
(bsValueChange)="onValueChangeWeek($event)" 
bsDaterangepicker 
[bsConfig]="{ selectWeekDateRange: true, dateInputFormat: 'DD/MM/YYYY - DD/MM/YYYY' }" 
[(bsValue)]="myWeekValue">

Answer 1

你可以这样给格式，（从您的 stackblitz 复制的代码）

       <div class="row">
          <div class="col-xs-12 col-12 col-sm-6 col-md-5 form-group">
          <div class="col-xs-12 col-12 col-md-12 form-group">
          <input class="form-control" 
              placeholder="Two any two days" 
              (bsValueChange)="onValueChangeWeek($event)" 
              bsDaterangepicker 
              [bsConfig]="{ rangeInputFormat : 'DD/MM/YYYY', dateInputFormat: 'DD/MM/YYYY', showWeekNumbers: false }"
              [(bsValue)]="myWeekValue">
           </div>
          </div>
        </div>

并且在 ts 文件中，

onValueChangeWeek(date){ 
  
    alert(moment(date.slice(",")[0]).format("DD/MM/YYYY")) 
    alert(moment(date.slice(",")[1]).format("DD/MM/YYYY")) 
  
 }

如何使用 angular 8 在 ngx-bootstrap 中显示日期格式 dd/mm/yyy - dd/mm/yyyy

How to show date format dd/mm/yyy - dd/mm/yyyy in ngx-boostrap using angular 8

typescript

bootstrap-datepicker

angular8