问题标签 [angular-material-datetimepicker]
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.
reactjs - minDate props 覆盖 Material-ui Datepicker 的 null 状态值
我有一个组件,其中 material-ui Datepicker 中的 minDate 覆盖空值并将 minDate 作为选定值。不仅如此,它甚至为此触发了 onChange 函数。我的组件调用(selectedDate 的初始状态为 null):
具有此 minDate 值的 onChange 触发器导致设置日期。我尝试添加 onClick 事件,以便区分用户单击和 minDate 强制,但这不起作用。即使有一种方法可以区分用户点击和 minDate 强制,我也可以在此基础上进行构建。请帮忙。
css - Angular Material Datepicker Popup 位置错误
首先这个材质的datepicker是基于:https ://stackblitz.com/angular/qmnrlgabjly?file=src%2Fapp%2Fdatepicker-views-selection-example.ts
我已经复制了我需要的所有代码:https://material.angular.io/components/datepicker/overview 但是选择年份和日期的弹出窗口总是定位错误(见下图):
我的代码与示例完全相同,我的 scss 文件如下所示:
和 HTML:
弹出窗口实际上呈现在 App-root 之外,如下所示:
顺便说一句,mat-datepicker 本身在 app-root 内的某个位置是正确的,但是由于我无法控制弹出窗口,它会在外面定位。
有没有人有什么建议?如果您需要更多内容,请告诉我,我们会尽快回复!谢谢!
angular - 如何使材料时间选择器出现在输入下方?(附加到输入)
我一直在寻找与此相关的任何东西。但没有什么。
这就是我正在使用的。我希望时间选择器位于输入组件而不是弹出窗口下。意思是。而不是全屏,我希望它在输入组件下打开
angular - 在 httpclient.put 上,日期正在从 UTC 转换为 BST
我正在使用 Angular 12 / Material 和日期范围选择器(mat-date-range-input)
我在 app.module 中设置了以下内容:
我正在使用响应式表单来处理日期范围选择器的值,并且我可以看到(从控制台记录 form.value)直到 httpclient.put 点日期/时间是正确的
但是API调用,我传递了form.value的PUT主体,日期/时间被转换为BST
什么会导致这个问题?
javascript - 如何在角度材料 datepicker 中更改 Datepicker Adapter Runtime
我有一个角度项目,在这个项目中我需要使用角度材料 Datepicker 来选择 Date 。
我的项目支持多语言,当更改语言时,我需要通过语言本地日期时间运行时使用 Angular Material Adapter 更改 datepicker 值。
例如,我的项目中有persian
和us-en
语言。我需要当语言更改为persian
,日期选择器设置PersianAdapter
和选择us-en
它应该设置的语言时Gregorian Adapter
。
当页面重新加载时,它会检查日期选择器的语言值和设置值,但我需要在不刷新页面的情况下更改 datepicket 值。
我将此代码用于 Provider :
模块 :
通过刷新页面更改语言时,它可以正常工作,但是当我需要更改提供程序值以通过语言运行时更改日期选择器值时,它不起作用。
我写了这段代码,但它不起作用:
如何更改所选语言的日期选择器适配器?
angular - Angular mat-date-range-input 自定义 dateInput
我在这里创建了一个演示:https ://stackblitz.com/edit/angular-ivy-8bvyfh?file=src/app/app.module.ts
我创建了mat-date-range-input
,它与MomentDateAdapter
. 当我选择不同月份的日子时,一切都很好:
但是,如果我从同一个月中选择日期,则预计该月将被省略。所以而不是:
我想看:“10 月 24 日至 27 日”。我怎样才能实现它?
angular - Angular mat datepicker手动输入日期不起作用
我正在为我的日期选择器使用材料日期选择器。我正在尝试手动输入日期
在我目前的情况下,我可以输入数字 1 日期为 01-JAN-2021
如果我输入数字 2 当我在值属性中分析代码时,日期被认为是 01-FEB-2021 我正在使用getData
方法,所以当我更改日期时,它从getData
方法中获取的其余值
这是我的 HTML 代码
获取数据方法:
SetChange 方法:
我完全被困在这里,请指导我在这里做错了什么。
如果我从代码中删除 ngmodel,我可以看到日期并编辑日期,但问题是它没有在表中更新。
团队我被困在这里无法得到答案请指导我
angular - 设置定位后 NativeDateAdapter 无法正确显示月份
我在角度材料 13 中扩展 NativeDateAdapter 并将定位设置为“fa-IR”,之后的问题是,它从第一天开始不显示波斯月份
这是我的适配器
我在 app.module.ts 中这样使用它
任何人都可以帮助我吗?