Angular日期选择器始终无效。
创始人
2024-10-29 05:30:44
0

可能是因为在使用Angular Material日期选择器时,需要在formControl中指定日期格式。例如,如果要使用dd/MM/yyyy格式,可以这样设置:

HTML代码:


    
    
    

TypeScript代码:

import { FormControl, Validators } from '@angular/forms';
import { MatDatepickerInputEvent } from '@angular/material/datepicker';
import { MatSnackBar } from '@angular/material/snack-bar';

// ...

public dateControl = new FormControl(new Date(), [Validators.required]);

// ...

public addEvent(event: MatDatepickerInputEvent) {
    console.log(event.value);
    this.dateControl.setValue(event.value);
}

然后,使用以下代码在组件中获取日期:

const selectedDate = this.dateControl.value;

这样,就可以在表单提交或验证时获得有效的日期值。

相关内容

热门资讯

透视计算!poker mast... 透视计算!poker master安卓版外挂(辅助挂)确实真的有挂(详细教程)(有挂教学)-哔哩哔哩...
透明总结!德扑软件开发,德州之... 此外,数据分析德州(德州之星辅助器用)辅助神器app还具备辅助透视行为开挂功能,通过对客户德州之星辅...
透视苹果版(德州智能辅助)辅助... 透视苹果版(德州智能辅助)辅助透视(透视)果真真的有挂(有挂技巧)-哔哩哔哩是一款可以让一直输的玩家...
八分钟了解!德扑ai开发(辅助... 德扑ai开发新手教程相关信息汇总(需添加指定薇757446909获取下载链接);八分钟了解!德扑ai...
我来教大家!红龙扑克有挂(辅助... 我来教大家!红龙扑克有挂(辅助挂)原来是真的有挂(详细教程)(有挂详情)-哔哩哔哩1、完成红龙扑克有...
8分钟了解!德扑数据软件,德州... 1、8分钟了解!德扑数据软件,德州ai人工智能软件免费,果真真的有挂(有挂介绍)-哔哩哔哩(UU p...
总算了解!红龙扑克看底牌(辅助... 总算了解!红龙扑克看底牌(辅助挂)竟然是真的有挂(详细教程)(有挂介绍)-哔哩哔哩;亲真的是有正版授...
技巧知识分享!菠萝德州辅助神器... 技巧知识分享!菠萝德州辅助神器(辅助挂)的确真的有挂(详细教程)(有挂规律)-哔哩哔哩;原来确实真的...
我来教大家(德州全自动辅助)透... 我来教大家(德州全自动辅助)透视辅助(辅助挂)其实是真的有挂(有挂方法)-哔哩哔哩德州全自动辅助平台...
透视智能ai!智星德州菠萝在哪... 透视智能ai!智星德州菠萝在哪下载(透视)原来真的有挂(详细教程)(有挂技巧)-哔哩哔哩科技教程也叫...