首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

PrimeNG -在时间选择器组件中设置值

PrimeNG是一个开源的UI组件库,提供了丰富的UI组件和主题,用于构建现代化的Web应用程序。在PrimeNG中,时间选择器组件用于选择时间。

要在PrimeNG的时间选择器组件中设置值,可以通过以下步骤进行操作:

  1. 导入所需的模块和服务:
代码语言:txt
复制
import { Component, OnInit } from '@angular/core';
import { FormControl } from '@angular/forms';
import { PrimeNGConfig } from 'primeng/api';
  1. 在组件类中定义一个FormControl对象来管理时间选择器的值:
代码语言:txt
复制
export class YourComponent implements OnInit {
  timeControl: FormControl;

  constructor(private primengConfig: PrimeNGConfig) {}

  ngOnInit() {
    this.timeControl = new FormControl();
  }
}
  1. 在模板中使用时间选择器组件,并绑定FormControl对象的值:
代码语言:txt
复制
<p-calendar [(ngModel)]="timeControl"></p-calendar>
  1. 在组件类中设置时间选择器的初始值:
代码语言:txt
复制
ngOnInit() {
  this.timeControl.setValue(new Date()); // 设置为当前时间
}

通过以上步骤,你可以在PrimeNG的时间选择器组件中设置初始值。当用户选择不同的时间时,FormControl对象的值也会相应地更新。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券