AngularMaterial日期选择器手动更改日期后,点击输入框之外或切换到另一个字段,日期会改变。
创始人
2024-10-28 10:01:22
0

在Angular Material日期选择器的控制器函数内,可以使用以下方法来处理手动更改日期后的事件:

$scope.$watch('datePicker.date', function(newValue, oldValue) {
    if(newValue !== oldValue) {
        var selectedDate = $scope.datePicker.date;
        // Do something with the selectedDate
    }
});

这将侦听日期选择器输入框中的日期更改,并将其保存到selectedDate变量中。 在这里,您可以执行任何所需的操作,并将所选日期传递到其他函数中。

此外,您可以添加以下代码来处理在单击输入框之外或切换到另一个字段时选择器的关闭事件:

$scope.$watch(function() {
    return document.activeElement;
}, function(newVal, oldVal){
   if(!newVal){
        // Do something here
   } 
});

这将在选择器关闭时触发事件,在这里您可以执行其他必要的操作。

请注意,在上述示例中,我们使用了Angular的$watch函数来侦听输入框更改和选择器关闭事件。

相关内容

热门资讯

安装ug未能链接到许可证服务器 安装UG未能链接到许可证服务器是UG用户在安装软件时常遇到的问题之一。该问题的解决方法需要技术向的知...
安装某些NPM包时,'... 在NPM中,'@'符号是用来分隔软件包名称和其特定版本或范围参数的。例如,您可以使用以下命令安装 R...
按转换模式过滤日志【%t】。 要按照转换模式过滤日志,可以使用正则表达式来实现。下面是一个示例代码,使用Java语言的Patter...
安装Pillow时遇到了问题:... 遇到这个问题,可能是因为缺少libwebpmux3软件包。解决方法是手动安装libwebpmux3软...
安卓 - 谷歌地图卡住了 问题描述:在安卓设备上使用谷歌地图应用时,地图卡住了,无法进行任何操作。解决方法一:清除应用缓存和数...
Android TV 盒子出现... Android TV 盒子上的应用程序停止运行可能是由于多种原因引起的,以下是一些可能的解决方法和相...
不能访问光猫的的管理页面 光猫是现代家庭宽带网络的重要组成部分,它可以提供高速稳定的网络连接。但是,有时候我们会遇到不能访问光...
安装未成功。应用程序无法安装。... 在Android开发中,当应用程序无法安装并显示错误消息“安装未成功。应用程序无法安装。安装失败原因...
Apple Watch上的缩放... 若Apple Watch上的缩放度量无法正常工作,可能是由于以下原因导致的:1. 应用程序代码错误;...
Artifactory在网页上... 要在Artifactory的网页上列出工件,您可以使用Artifactory的REST API来获取...