【问题标题】:Using moment js to show the date and time in datepicker but the date is keep on changing使用moment js在日期选择器中显示日期和时间,但日期不断变化
【发布时间】:2020-07-22 03:03:41
【问题描述】:

为了使用时刻 js 显示日期和时间。(对时刻 js 不太了解),我正在寻找显示日期和时间的解决方案,当时我找到了代码 How to I get current time from angular material Date picker?。 我面临的问题是时间不断变化并且也显示错误。因为我对角度不熟悉,所以我不知道确切的问题是什么。 html

 <mat-form-field class="date" (click)="createAt.open()">
                  <input [ngModel]="date" (ngModelChange)="onDataChange($event)" matInput [matDatepicker]="createAt" autocomplete="off" formControlName="createAt" placeholder="Date"
                    [value]="createAt" > 
                  <mat-datepicker-toggle matSuffix [for]="createAt"></mat-datepicker-toggle>
                  <mat-datepicker #createAt></mat-datepicker>
                </mat-form-field>

ts

 date:Date;
   this.firstFormGroup = this._formBuilder.group({
    createAt: [new Date()],
    });
 onDataChange(newdate) {
    const _ = moment();
    const date = moment(newdate).add({hours: _.hour(), minutes:_.minute() , seconds:_.second()})
    this.date = date.toDate();
    // console.log({hours: _.hour(), minutes:_.minute() , seconds:_.second()})
  }

任何人都可以为此提供解决方案,或者任何人都可以提供解决方案以获得时间。

【问题讨论】:

    标签: angular


    【解决方案1】:
    moment().format('DD-MM-YYYY');
    

    使用类似的东西...您必须格式化日期和时间才能以特定格式打印

    moment().format('HH:mm:ss'); //it gives you the current time 
    

    【讨论】:

    • 在您的代码中它没有显示您导入时刻的任何位置 第一个导入时刻在您的页面的第一个import * as moment from 'moment'
    • 我试过这些东西,但不幸的是它不起作用
    • 根据屏幕截图,我猜你想在日期输入框中显示当前日期,对吧?
    • @No 不是当前日期,无论我们要选择哪个日期,但如果我们选择当前日期,时间也可以。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-05-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-09-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多