问题标签 [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.

0 投票
1 回答
207 浏览

reactjs - minDate props 覆盖 Material-ui Datepicker 的 null 状态值

我有一个组件,其中 material-ui Datepicker 中的 minDate 覆盖空值并将 minDate 作为选定值。不仅如此,它甚至为此触发了 onChange 函数。我的组件调用(selectedDate 的初始状态为 null):

具有此 minDate 值的 onChange 触发器导致设置日期。我尝试添加 onClick 事件,以便区分用户单击和 minDate 强制,但这不起作用。即使有一种方法可以区分用户点击和 minDate 强制,我也可以在此基础上进行构建。请帮忙。

0 投票
0 回答
212 浏览

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 内的某个位置是正确的,但是由于我无法控制弹出窗口,它会在外面定位。

有没有人有什么建议?如果您需要更多内容,请告诉我,我们会尽快回复!谢谢!

0 投票
1 回答
505 浏览

angular - 如何使材料时间选择器出现在输入下方?(附加到输入)

我一直在寻找与此相关的任何东西。但没有什么。

这就是我正在使用的。我希望时间选择器位于输入组件而不是弹出窗口下。意思是。而不是全屏,我希望它在输入组件下打开

0 投票
0 回答
14 浏览

angular - 在 httpclient.put 上,日期正在从 UTC 转换为 BST

我正在使用 Angular 12 / Material 和日期范围选择器(mat-date-range-input)

我在 app.module 中设置了以下内容:

我正在使用响应式表单来处理日期范围选择器的值,并且我可以看到(从控制台记录 form.value)直到 httpclient.put 点日期/时间是正确的

但是API调用,我传递了form.value的PUT主体,日期/时间被转换为BST

什么会导致这个问题?

0 投票
0 回答
43 浏览

javascript - 如何在角度材料 datepicker 中更改 Datepicker Adapter Runtime

我有一个角度项目,在这个项目中我需要使用角度材料 Datepicker 来选择 Date 。

我的项目支持多语言,当更改语言时,我需要通过语言本地日期时间运行时使用 Angular Material Adapter 更改 datepicker 值。

例如,我的项目中有persianus-en语言。我需要当语言更改为persian,日期选择器设置PersianAdapter和选择us-en它应该设置的语言时Gregorian Adapter

当页面重新加载时,它会检查日期选择器的语言值和设置值,但我需要在不刷新页面的情况下更改 datepicket 值。

我将此代码用于 Provider :

模块 :

通过刷新页面更改语言时,它可以正常工作,但是当我需要更改提供程序值以通过语言运行时更改日期选择器值时,它不起作用。

我写了这段代码,但它不起作用:

如何更改所选语言的日期选择器适配器?

0 投票
1 回答
138 浏览

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 日”。我怎样才能实现它?

0 投票
0 回答
42 浏览

angular - 具有动态日期的活动日期选择器日期,从后端提供

弗里德的。我有一个带有材料日期选择器的简单 Angular 应用程序。在这个应用程序中,一些数据从后端提供。现在我喜欢根据后端动态数据(哪个日期有数据)来激活日期选择器日期。以下链接部分解决了我的问题,但没有完全解决问题。

https://stackoverflow.com/questions/55987412/angular5-how-to-highlight-certain-dates-in-mat-datepicker 在此处输入图像描述

上面的链接通过激活 2 个硬编码的特定日期来解决问题,但我希望它应该是动态活动的所有日期,该日期有数据进入后端。

希望有经验的人能解决这个问题并帮助我成功完成我的项目。

0 投票
1 回答
278 浏览

angular - Angular mat datepicker手动输入日期不起作用

我正在为我的日期选择器使用材料日期选择器。我正在尝试手动输入日期

在我目前的情况下,我可以输入数字 1 日期为 01-JAN-2021

如果我输入数字 2 当我在值属性中分析代码时,日期被认为是 01-FEB-2021 我正在使用getData方法,所以当我更改日期时,它从getData方法中获取的其余值

这是我的 HTML 代码

获取数据方法:

SetChange 方法:

我完全被困在这里,请指导我在这里做错了什么。

如果我从代码中删除 ngmodel,我可以看到日期并编辑日期,但问题是它没有在表中更新。

团队我被困在这里无法得到答案请指导我

0 投票
0 回答
18 浏览

angular - 设置定位后 NativeDateAdapter 无法正确显示月份

我在角度材料 13 中扩展 NativeDateAdapter 并将定位设置为“fa-IR”,之后的问题是,它从第一天开始不显示波斯月份

它从第 12 天开始显示月份!如此链接所示

这是我的适配器

我在 app.module.ts 中这样使用它

任何人都可以帮助我吗?

0 投票
2 回答
41 浏览

angular - 材质输入类型 datetime-local 显示其自己的占位符和切换按钮

我正在尝试渲染角度材料日期选择器。这不是问题(演示

但就我而言,我需要一个日期时间选择器。根据我在网上找到的内容,您可以简单地添加

到输入字段。我可以确认这是可行的,但是它对输入字段做了一些奇怪的事情。

在此处输入图像描述

演示

尽管角度材料似乎支持这种类型,但您得到的选择器是原生的。

它有自己的切换按钮,并显示默认文本dd/mm/yyyy --:--。有没有办法隐藏这个文本和切换按钮?