AngularMaterial日期选择器默认日期不正确
创始人
2024-10-28 10:01:20
0

可以通过在组件中设置默认日期来解决此问题。在组件的构造函数中使用Angular DatePipe来格式化日期字符串,并将其传递给FormControl。例如:

import { Component, OnInit } from '@angular/core';
import { FormControl } from '@angular/forms';
import { DatePipe } from '@angular/common';

@Component({
  selector: 'app-date-picker',
  templateUrl: './date-picker.component.html',
  styleUrls: ['./date-picker.component.scss']
})
export class DatePickerComponent implements OnInit {
  date = new FormControl('');
  
  constructor(private datePipe: DatePipe) {
    this.date.setValue(this.datePipe.transform(new Date(), 'yyyy-MM-dd'));
  }

  ngOnInit(): void {
  }

}

这将在组件加载时将当前日期作为默认日期设置为FormControl值。您还可以使用其他格式化字符串来更改日期的显示方式。此方法适用于Angular 11及更高版本。

相关内容

热门资讯

教学盘点!德州透视插件(辅助挂... 教学盘点!德州透视插件(辅助挂)原来有挂(有挂助手)德州透视插件辅助器是一种具有地方特色的麻将游戏,...
玩家必看科普!红龙poker辅... 玩家必看科普!红龙poker辅助(辅助挂)一贯真的是有挂(有挂方针)1、红龙poker辅助有没有辅助...
分享一款!wepoker辅助分... 分享一款!wepoker辅助分析器(辅助挂)其实是有挂(有挂工具)1、wepoker辅助分析器免费脚...
发现一款!破解辅助插件wepo... 发现一款!破解辅助插件wepoker(辅助挂)一直真的是有挂(今日头条)1、点击下载安装,破解辅助插...
总算明白!德普之星的辅助工具介... 总算明白!德普之星的辅助工具介绍(辅助挂)竟然真的有挂(证实有挂)1、完成德普之星的辅助工具介绍辅助...
2分钟细说!悟空黑桃a辅助(辅... 2分钟细说!悟空黑桃a辅助(辅助挂)竟然有挂(确实有挂)1、悟空黑桃a辅助辅助软件下载优化,悟空黑桃...
我来教教你!wepokerpl... 我来教教你!wepokerplus外挂(辅助挂)竟然真的有挂(真实有挂)1、wepokerplus外...
我来教大家!hhpkoer辅助... 我来教大家!hhpkoer辅助器视频(辅助挂)竟然是真的有挂(有挂辅助)1、游戏颠覆性的策略玩法,独...
程序员教你!福建大菠萝万能辅助... 程序员教你!福建大菠萝万能辅助器(辅助挂)本来是有挂(有挂讲解)1、每一步都需要思考,不同水平的挑战...
普及知识!聚星ai辅助工具收费... 普及知识!聚星ai辅助工具收费多少(辅助挂)切实是有挂(讲解有挂)1、用户打开应用后不用登录就可以直...