AngularMaterial日期选择器ngModel无法覆盖占位符
创始人
2024-10-28 10:01:21
0

在使用Angular Material日期选择器时,如果您想要在选择日期后覆盖占位符,请使用MatDatepickerInput的value属性,并将它绑定到ngModel上。示例如下:

HTML:


  
  
  

TypeScript:

import { Component } from '@angular/core';

@Component({
  selector: 'app-date-picker',
  templateUrl: './date-picker.component.html',
  styleUrls: ['./date-picker.component.css']
})
export class DatePickerComponent {
  selectedDate: Date;

  constructor() { }
}

在上述示例中,我们使用了MatDatepickerInput的value属性来绑定ngModel,并将值绑定到selectedDate变量上。如果selectedDate存在,则使用它的值作为value的值,否则将value设置为空字符串。这确保了在选择日期后ngModel覆盖了占位符。

注意:在value绑定中,我们使用了三元运算符,以便在selectedDate未定义时避免出现undefined。

相关内容

热门资讯

详情透视!hhpoker德州牛... 详情透视!hhpoker德州牛仔视频,微乐脚本辅助器,阶段教程(真的有挂)-哔哩哔哩1、首先打开hh...
揭露透视!wejoker辅助器... 揭露透视!wejoker辅助器要钱玩吗,贵州微乐自建房辅助软件下载,要领教程(有挂方式)-哔哩哔哩1...
有挂透视!hhpoker辅助器... 有挂透视!hhpoker辅助器视频,小程序微乐辅助器下载,手筋教程(新版有挂)-哔哩哔哩有挂透视!h...
详细透视!拱趴大菠萝万能挂图解... 详细透视!拱趴大菠萝万能挂图解,手机微乐小程序游戏破解器,模块教程(新版有挂)-哔哩哔哩1、在拱趴大...
解密透视!cloudpoker... 您好,cloudpoker作弊这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054...
了解透视!hh poker辅助... 了解透视!hh poker辅助有用吗,微乐小程序脚本,积累教程(有挂技巧)-哔哩哔哩1、hh pok...
了解透视!hhpoker买挂,... 了解透视!hhpoker买挂,微乐陕西麻将破解,学习教程(有挂存在)-哔哩哔哩1、打开软件启动之后找...
解密透视!wejoker开挂,... 解密透视!wejoker开挂,微乐自建房辅助工具下载入口在哪,办法教程(揭秘有挂)-哔哩哔哩1、实时...
科普透视!wepoker正确养... 科普透视!wepoker正确养号方法,微信微乐自建房辅助工具,经验教程(有挂猫腻)-哔哩哔哩1、这是...
辅助透视!poker辅助器免费... 您好,poker辅助器免费安装这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054...