EasyAdmin 3 日期时间选择器时间格式

Posted

技术标签:

【中文标题】EasyAdmin 3 日期时间选择器时间格式【英文标题】:EasyAdmin 3 datetime picker time format 【发布时间】:2021-05-28 15:45:13 【问题描述】:

如何以 symfony 日期/时间选择器时间格式更改本机 easy admin 3?它现在呈现月、日、年。你如何设置为'Y-m-d H:i'?

【问题讨论】:

【参考方案1】:

如果您查看source code for the DateTimeField,您会发现setFormat 方法接受有效的ICU 日期时间模式(请参阅http://userguide.icu-project.org/formatparse/datetime)。

native 日期选择器的格式由浏览器的native 代码和区域设置决定,如果没有一些复杂的脚本 (see here),您无法更改它。这可能会更新选项或文本类型的格式(未测试)。

试试这样的:

use EasyCorp\Bundle\EasyAdminBundle\Field\DateTimeField;


public function configureFields(string $pageName): iterable

    return [

        // native date picker format cannot be changed
        // Uses native html5 widgets when rendering this field in forms.
        DateTimeField::new('beginsAt')->setFormat('Y-MM-dd HH:mm')->renderAsNativeWidget(),

        // Uses <select> lists when rendering this field in forms.
        DateTimeField::new('beginsAt')->setFormat('Y-MM-dd HH:mm')->renderAsChoice(),

        // Uses <input type="text"> elements when rendering this field in forms.
        DateTimeField::new('beginsAt')->setFormat('Y-MM-dd HH:mm')->renderAsText(),
    ];

【讨论】:

它确实改变了日期在 crud 索引页面中的呈现方式,但它不会改变原生日期选择器小部件的格式。 @EvaldasAi 您无法更改本机日期选择器的格式,浏览器可以完全控制它并基于用户的区域设置。我会编辑我的答案,也许它适用于格式选择或文本。

以上是关于EasyAdmin 3 日期时间选择器时间格式的主要内容,如果未能解决你的问题,请参考以下文章

Rails 日期选择器日期时间的有效格式

Kentico-使用日期/时间选择器显示自定义日期格式

vue element-ui 日期选择器组件 日期时间格式化

在 Laravel 请求中验证 Bootstrap 日期时间选择器

EasyAdmin 3:嵌套表单(另一个集合中的调用)

如何在 html5 日期时间选择器中将格式从 12 小时更改为 24 小时?