时间戳

首页 > 解决方案 > 如何使用角度 8 在 ngx-boostrap 中显示日期格式 dd/mm/yyy - dd/mm/yyyy

typescript - 如何使用角度 8 在 ngx-boostrap 中显示日期格式 dd/mm/yyy - dd/mm/yyyy

问题描述

我正在尝试显示像这样的日期格式 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">

标签： typescriptangular8bootstrap-datepicker

解决方案

你可以用这种方式给出格式，（从你的 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")) 
  
 }

推荐阅读