问题标签 [mat-datepicker]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - Angular mat-datepicker 奇怪的行为
我有以下用于 datepicker 的 HTML 代码:
我需要获取日期,然后将其插入 PGSQL 数据库。我有以下代码来检索它:
“+1”是因为默认选择的日期是选择前一天,我不知道为什么..但是如果我选择 2020 年 5 月 1 日,结果value
是:2020-4-31
你有什么想法来检索正确的选定日期吗?
谢谢
angular - 如何在角度的mat日期选择器中设置日期格式
我有一个表单,它包含一个表单控件作为日期选择器和一个垫子日期选择器。当我使用日期纠察队选择日期时,表单控件正在使用日期类。我需要将其转换为字符串。请在此 html 代码中帮助我:
当我选择一个日期时,它应该转换为 11-05-2020(dd-mm-yyyy) 用于提交时的表单控件。请帮助我
编辑:
我已经添加了提供程序,但它仍然无法正常工作。
angular - 日期选择器和时间选择器验证
我有一个事件,它有开始日期和时间、结束日期和时间。我使用了角度材料日期选择器和 NGX 时间选择器。我只对日期选择器进行了验证,因此我如何根据条件提供验证。
angular - Angular 8:如何使用 [min] 日期验证将 formcontrol 值修补到 mat-datepicker 并且 formcontrol 日期值小于 [min] 日期?
如何使用 [min] 日期验证将 formcontrol 值修补到 mat-datepicker 并且 formcontrol 日期小于 [min] 日期?
这里是html
。
这里是reactive form
。
我想禁用过去的日期,matdatepicker
所以我添加了 [min] 验证。但我也想修补过去的日期。有没有其他方法可以禁用日期或修补过去的日期?
angular - 材料日期选择器格式更改 W/O 时刻
有没有一种方法可以格式化 mat datepicker,而无需使用几乎无处不在的常用时刻/时刻适配器方法。这将是我们应用程序中的一个小众用例(仅限一次),我宁愿不为其添加依赖项。
我想实现限制(用户应该只能选择年份/此功能很容易实现/)并仅显示年份。我们使用反应形式,所以没有 ngModel 绑定!
谢谢!
angular - 如何让值提供者以角度读取更新的值
我有一个人们登录的应用程序。在他们的个人资料中,他们可以选择自己的输入和输出日期格式。为了适应这一点,我制作了一个 customDatePicker 组件。在 @componet 装饰器内的值提供程序中,我使用了一个 MY_FORMATS 变量,它告诉 matdatePicker 如何格式化日期。解析 dateInput 和显示 dateInput 来自我的应用程序内的环境变量。
问题是当应用程序初始化并使用我的环境变量中的默认日期时,@component 被命中。用户登录后是使用用户数据更新环境变量中的日期格式的时间。但是@component 从不查看更新的数据。
我能做些什么来解决这个问题?此外,用户有可能在登录时更改他们选择的日期格式,我也需要该组件来注册该更改。但我似乎无法让 @component 装饰器中的值提供者再次查看日期格式变量。
谢谢你的帮助。如果您决定回答这个问题,请您给出详细的解释。我是编码新手,一些模糊的东西可能对我没有帮助。
angular - Angular Material Datepicker 不会显示在页面中
我正在尝试将 Angular Material 日期选择器添加到页面。我一直在关注官方文档的示例,但我的页面中没有显示任何内容。
里面app.component.html
有:
在 中app.component.ts
,我有:
这是我的app.module.ts
:
有人可以告诉我我做错了什么吗?
html - 如何在Angular Material datepicker中突出显示自定义月份和年份?
我有很多天,可以是任何一年。我正在尝试自定义 Angular Material datepicker 以突出显示月份选择视图中的某些月份,以及基于天数的年份选择视图中的某些年份。
.html
.ts
我想要实现的是在年视图中突出显示 2019 年和 2020 年,如果选择了 2019 年,则突出显示 JAN 月,如果选择了 2020 年,则在红色边框中突出显示 MAY 和 AUG ,当前月份和年份除外,如下所示图片。
这可能吗?
我搜索了很多并尝试使用 dateClass,(yearSelected)事件等,但它不适用于 Months 和 Years .. 如果有人知道,如何做到这一点,请帮助..
仅供参考 - https://stackblitz.com/edit/angular-date-class-filter-aactjv 这是我发现将自定义设计设置为日期视图的那个..但我希望对年和月视图进行类似的实现..谢谢进步..