Question

我想将默认日期设置为当前日期，并使用Angular在日期选择器中自定义默认时间，例如，当前日期：07-02-2020，默认自定义时间应为08:00 AM。我怎样才能做到这一点。这是我的html代码，仅根据所选值显示日期和时间。

   <label class="col-sm-12 col-md-8 form-control-label  ml-2" for="date_from">{{'From Date' | 
  translate}} <span class="danger">*</span>:</label>
                <div class="col-md-12">
                    <input type="datetime-local" [(ngModel)]="leaveList.date_from" 
  [max]="leaveList.date_to" class="form-control input-md" id="date_from" 
                    name="date_from" (change)="onChangeDate()"  max="9999-12-31">
                </div>

.component.ts文件

Answer 1

您需要使用moment库进行日期/时间格式

使用npm i moment

一键安装

2-您必须像这样在.ts中为date_from赋值

leaveList.date_from = moment().format('MM-DD-YYYY 8:30A')

在角度日期选择器中设置当前日期和默认时间

1 个答案: