微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使用 ng-bootstrap 在日期时间格式为 yyyy-mm-ddTHH:mm:ss.sssZ 的单个弹出窗口中添加日期选择器和时间选择器?

如何解决如何使用 ng-bootstrap 在日期时间格式为 yyyy-mm-ddTHH:mm:ss.sssZ 的单个弹出窗口中添加日期选择器和时间选择器?

我正在使用 bootstrap 和 angular 创建一个表单。在这里,我想为 DateTime 添加一个输入字段。我需要一个弹出窗口来选择日期和时间。我无法理解如何使用 ng-bootstrap 将日期选择器和时间选择器集成在一起。另外,我需要在用户选择日期和时间后以以下格式“yyyy-mm-ddTHH:mm:ss.sssZ”发送数据。时间必须是 24 小时制。

我想要这样的东西。在选择期间,首选日期格式是 dd/mm/yyyy,但这不是很重要。唯一重要的是提交表单时,DateTime 值应以“yyyy-mm-ddTHH:mm:ss.sssZ”格式发送到服务器。

datetime-popup

解决方法

您可以使用 PrimeNG (https://primefaces.org/primeng)。

他们的日历 (https://primefaces.org/primeng/showcase/#/calendar) 几乎可以满足您的需求。文档也很不错。

如果您需要进一步的帮助,请随时回复。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。