yyyy

【问题标题】：How to show date format dd/mm/yyy - dd/mm/yyyy in ngx-boostrap using angular 8如何使用角度 8 在 ngx-bootstrap 中显示日期格式 dd/mm/yyyy - dd/mm/yyyy
【发布时间】：2020-06-06 18:21:26
【问题描述】：

我正在尝试显示这样的日期格式 dd/mm/yyy - dd/mm/yyyy 但不起作用。如何更改它？以及如何获取选定的日期？

演示：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">

【问题讨论】：

标签： typescript angular8 bootstrap-datepicker

【解决方案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")) 
  
 }

【讨论】：