如何在primeng中提供日期的默认值

Question

我有日历下拉菜单，可以使用。但是，我想在其中提供默认日期。它怎么做到的。

以下是我的组件如下：

import {HttpClient} from '@angular/common/http';
import { Component, OnInit } from '@angular/core';
import { routerTransition } from '../../router.animations';
import { isNumber } from '@ng-bootstrap/ng-bootstrap/util/util';

@Component({
    selector: 'app-dashboard',
    templateUrl: './dashboard.component.html',
    styleUrls: ['./dashboard.component.scss'],
    animations: [routerTransition()]
})
export class DashboardComponent implements OnInit {
   value= new Date();
   today_date: string;

   ngOnInit() {
      this.today_date = this.value.getFullYear() + '-' + this.value.getMonth() + '-' + this.value.getDate();
      console.log(this.today_date)
   }
}

HTML代码如下：

<div>
     <p-calendar (ngModel)="today_date" [inputStyle]="{'width':'100%'}" dateFormat="yy-mm-dd"></p-calendar>
</div>

它没有选择日期。 Console.log out 是 '2017/10/17'

Answer 1

据我了解，p-calendar 的值属于 Date 类型。所以一个字符串是行不通的。这是我的东西，效果很好：

TS
import * as moment from "moment"; //I use MomentJS and I recommend it also. The snippet is based on MomentJS as well.
calendarDate: Date;
ngOnInit() {
 this.calendarDate = moment().toDate();
}

HTML
<p-calendar [ngModel]="calendarDate"></p-calendar>

编辑：您的 HTML 模板中的语法错误。 (ngModel) 没有任何意义。属性绑定应该是[ngModel]，事件绑定应该是(ngModelChange)，双向绑定应该是[(ngModel)]。

如何在primeng中提供日期的默认值

How provide default value in date in primeng

angular

primeng