如何在easyadminbundle中设置日期时间选择器的格式？

Question

如何更改easyadminbundle的日期时间选择器使用的默认格式？

我知道我必须在字段属性的type_options中更改config.yml中的内容。或者设置一些不同的日期时间格式。但是如何或在哪里？

Answer 1

easy_admin:
  design:
    assets:
        js: ['assets/js/jquery.datetimepicker.full.js(Your Date picker Js)', 'assets/js/initDatePicker.js (Your code to initialize date picker on base of class "datepicker")']
        css: ['assets/css/jquery.datetimepicker.css(Path of your datepicker css)']
  form:
     title: 'Your Title'
     fields:
        - { property: 'displayFrom', label: 'Display From', type_options: {'widget': 'single_text', 'format': 'dd/MM/yyyy H:mm', 'attr': {'class': 'datepicker'}} }

只需替换javascript和css以及init datepicker的路径，也可以用表单字段替换字段（displayFrom）。

Answer 2

在yml中你可以像这样使用datepicker类。

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id='app'/>

将expiredAt替换为您的字段名称。希望这对您或其他任何人都有帮助。

Answer 3

所以我明白了，这是我的解决方案：

安装：

https://github.com/stephanecollot/DatetimepickerBundle

config.yml：

- { property: 'credentialsExpireAt', type_options: {'widget': 'single_text', 'format': 'yyyy-MM-dd HH:mm', 'attr': {'class': 'datepicker' }} }

assets:        
        css:
             - 'bundles/scdatetimepicker/css/datetimepicker.css'           
        js:
             - 'bundles/scdatetimepicker/js/bootstrap-datetimepicker.min.js'
             - 'bundles/easyadmin/javascript/init.js'

init.js：

$(function () {
    $('.datepicker').datetimepicker({        
        minuteStep: 15
    });
});

问题是：在NULL上设置字段的“保持空”功能现在消失了：（