Prime-ng日历中的默认日期

时间:2018-09-03 05:58:10

标签: angular typescript primeng-calendar

嗨,我正在尝试使用数据类型为字符串的primeng日历,如下所示:

<p-calendar 
    [styleClass]="pCalendar" 
    [dataType]="'string'" 
    formControlName="doC" 
    [inputStyleClass]="priorityDiv" 
    [placeholder]="'MM/DD/YYYY'"
    [showIcon]="false" 
    [yearNavigator]="true" 
    [yearRange]="'2000:2020'" 
    [monthNavigator]="true" 
    [(ngModel)]="doC"
    [inline]="false" 
    showTime="true" 
    hourFormat="12" 
    showButtonBar="true" 
    [minDate]="minDateValue"
    (onSelect)="onDateandTimeSelect($event)" 
    (onInput)="onDateandTimeSelect($event)">
</p-calendar>

我需要设置页面加载的当前日期。我尝试将其设置为:

this.doC = new Date();

但这将日期设置为UTC日期,例如“ mon 2018 12:34:44 UTC .....” 从选择器中选择日期时,它就变成了一个简单的字符串,例如“ 09/12/2018 11:08 AM”

我需要在初始加载时将默认日期设置为此简单字符串。 我该怎么办? 我尝试获取ecah以及日期和连接中的每个数字。

var currentDate = new Date();
var dateT = currentDate.getDate();
var c = currentDate.getFullYear();
var f = currentDate.getHours();
var b = currentDate.getMinutes();
var s = currentDate.getMonth();
var w = currentDate.getTime();
var q = currentDate.getUTCDate();
var z = currentDate.toDateString();
var sr = currentDate.toJSON();
var we = currentDate.toString();
var wf = d + s + c + f +":" + b;

但是我不知道如何从日期开始获取“ AM / PM”。

请帮助。

请检查此链接以获取日历:https://www.primefaces.org/primeng/#/calendar

1 个答案:

答案 0 :(得分:1)

您可以为此使用DatePipe

import { Component } from '@angular/core';
import { DatePipe } from '@angular/common';
@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
  providers: [DatePipe]
})
export class AppComponent {
    doC=new date()
    constructor(private datePipe: DatePipe){
       console.log(this.datePipe.transform(this.doC, 'dd/MM/yyyy hh:mm a'))
    }
}