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。

相关内容

热门资讯

三分钟了解!we poker免... 三分钟了解!we poker免费辅助器(辅助挂)切实是真的有挂(有挂教学)运we poker免费辅助...
玩家必看教程!hhpoker必... 玩家必看教程!hhpoker必备开挂(辅助挂)竟然有挂(有挂方法)1、下载好hhpoker必备开挂透...
一分钟揭秘!we-poker有... 一分钟揭秘!we-poker有人玩吗(辅助挂)竟然真的是有挂(证实有挂)该软件可以轻松地帮助玩家将w...
发现玩家!poker worl... 发现玩家!poker world辅助(辅助挂)本来真的是有挂(有挂神器)1、实时poker worl...
揭秘关于!哈糖大菠萝开挂(辅助... 揭秘关于!哈糖大菠萝开挂(辅助挂)总是是真的有挂(有挂方法)1、首先打开哈糖大菠萝开挂辅助器下载最新...
必看攻略!德普之星透视辅助软件... 必看攻略!德普之星透视辅助软件下载(辅助挂)都是存在有挂(真的有挂)运德普之星透视辅助软件下载辅助工...
玩家必知教程!wepoker怎... 玩家必知教程!wepoker怎么看牌型(辅助挂)其实有挂(有挂教程)1、金币登录送、破产送、升级送、...
我来分享!约局吧能不能开挂(辅... 我来分享!约局吧能不能开挂(辅助挂)总是真的是有挂(有挂透视)亲,关键说明,约局吧能不能开挂透视脚本...
技术分享!wepoker免费脚... 技术分享!wepoker免费脚本咨询(辅助挂)竟然真的是有挂(有挂攻略)一、wepoker免费脚本咨...
重大通报!wepoker免费钻... 重大通报!wepoker免费钻石(辅助挂)切实有挂(真的有挂)1、全新机制【wepoker免费钻石a...