使用PrimeNG日历检测[(ngmodel)更改为所选日期

蜂鸣器

我有一个输入元素,带有使用PrimeNG日历创建的附加日期选择器。

HTML部分

<p-calendar showAnim="slideDown" 
            id="calendar" 
            [showIcon]="true 
            [(ngModel)]="myDate" 
            (blur)="onBlurMethod($event)">
</p-calendar>

在这里,我使用了PrimeNG日历标签。我使用了一个隐藏的文本框,所以我可以选择更新的值,但它会反映在文本框中。如何捕获任何事件的更新值?

<input type="hidden" id = "datePickerText" [ngModel]="myDate">

当用户通过直接在输入元素中键入来更改日期时,可以通过输入元素的blur事件获取值,如上所示。但是,当用户从日期选择器更改日期时(即通过单击日历上的日期),则不会调用模糊处理程序。

如何检测通过datepicker而不是通过键入input元素对选定日期所做的更改

rinukkusu

PrimeNG日历有可以使用两个事件:onBluronSelect

因此,您可能想更改代码以onBlur代替blur

<p-calendar showAnim="slideDown" 
            id="calendar" 
            [showIcon]="true"
            [(ngModel)]="myDate" 
            (onBlur)="onBlurMethod($event)">
</p-calendar>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在日历控件中快速更改所选日期?

来自分类Dev

Angular Primeng全日历手柄更改事件日期

来自分类Dev

在WooCommerce预订日历中使用jQuery获取所选日期

来自分类Dev

使用Primeng日历时如何格式化日期?

来自分类Dev

将日期标签更改为带完整日历中数字的日期

来自分类Dev

使用sed将日期格式更改为

来自分类Dev

带有tkinter的日历(打印所选日期)

来自分类Dev

全日历未显示所选日期

来自分类Dev

我如何将文本格式更改为jalali日历中的日期

来自分类Dev

如何在引导日历中将英语格式的日期更改为西班牙语?

来自分类Dev

Android日历:将每周的开始日期更改为星期六

来自分类Dev

如何将日历的开始日期布局从星期日更改为星期一?

来自分类Dev

PrimeNG:更改所选按钮的背景颜色

来自分类Dev

使用 PrimeNg 日历绑定日期数组不起作用

来自分类Dev

将所选班级更改为第一个日期而不是最后一个日期

来自分类Dev

将所选班级更改为第一个日期而不是最后一个日期

来自分类Dev

弹出日历显示本地日期,但所选日期为UTC

来自分类Dev

我正在尝试使用 javascript 将 h2 标签更改为所选歌曲的标题

来自分类Dev

使用jQuery将日期格式更改为ISO 8601

来自分类Dev

如何使用ifelse将字符更改为日期时间类型?

来自分类Dev

将表更改为视图-表使用日期功能

来自分类Dev

使用jQuery将日期格式更改为ISO 8601

来自分类Dev

如何使用jquery更改为所需的日期格式?

来自分类Dev

如何检测Google日历中的更改

来自分类Dev

检测2个日历值何时更改

来自分类Dev

PrimeNg日历以6行按角度显示日期

来自分类Dev

通过使用当前日期时间的开始和结束日期时间更改全日历事件颜色

来自分类Dev

以编程方式设置日期后,使用界面更改日历日期/ C#/ ASP.NET

来自分类Dev

将日期更改为数字

Related 相关文章

  1. 1

    如何在日历控件中快速更改所选日期?

  2. 2

    Angular Primeng全日历手柄更改事件日期

  3. 3

    在WooCommerce预订日历中使用jQuery获取所选日期

  4. 4

    使用Primeng日历时如何格式化日期?

  5. 5

    将日期标签更改为带完整日历中数字的日期

  6. 6

    使用sed将日期格式更改为

  7. 7

    带有tkinter的日历(打印所选日期)

  8. 8

    全日历未显示所选日期

  9. 9

    我如何将文本格式更改为jalali日历中的日期

  10. 10

    如何在引导日历中将英语格式的日期更改为西班牙语?

  11. 11

    Android日历:将每周的开始日期更改为星期六

  12. 12

    如何将日历的开始日期布局从星期日更改为星期一?

  13. 13

    PrimeNG:更改所选按钮的背景颜色

  14. 14

    使用 PrimeNg 日历绑定日期数组不起作用

  15. 15

    将所选班级更改为第一个日期而不是最后一个日期

  16. 16

    将所选班级更改为第一个日期而不是最后一个日期

  17. 17

    弹出日历显示本地日期,但所选日期为UTC

  18. 18

    我正在尝试使用 javascript 将 h2 标签更改为所选歌曲的标题

  19. 19

    使用jQuery将日期格式更改为ISO 8601

  20. 20

    如何使用ifelse将字符更改为日期时间类型?

  21. 21

    将表更改为视图-表使用日期功能

  22. 22

    使用jQuery将日期格式更改为ISO 8601

  23. 23

    如何使用jquery更改为所需的日期格式?

  24. 24

    如何检测Google日历中的更改

  25. 25

    检测2个日历值何时更改

  26. 26

    PrimeNg日历以6行按角度显示日期

  27. 27

    通过使用当前日期时间的开始和结束日期时间更改全日历事件颜色

  28. 28

    以编程方式设置日期后,使用界面更改日历日期/ C#/ ASP.NET

  29. 29

    将日期更改为数字

热门标签

归档