Sonata管理软件包:DatePicker范围

前端之家收集整理的这篇文章主要介绍了Sonata管理软件包:DatePicker范围前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在Sonata Admin Bundle中使用jQuery UI datepicker创建一个doctrine_orm_datetime_range过滤器?

我试过以下,但它不工作:

protected function configureDatagridFilters(DatagridMapper $datagridMapper)
{
    $datagridMapper
        ->add('datumUitgevoerd','doctrine_orm_datetime',array('widget' => 'single_text'),null,array('required' => false,'attr' => array('class' => 'datepicker')))
    ;
}

解决方法

UPDATED新加坡02-02

如果您正在使用3. * Symfony,则必须使用以下twig配置:

#app / config / config.yml
枝条:
#…
form_themes:
– “SonataCoreBundle:Form:datepicker.html.twig”

更新2015-05-04

不再需要使用自定义日期选择器。 Sonata包含本机datetime选择器,可与Twitter Boostrap配合使用。

要激活datetime选择器表单字段,您必须在app / config.yml中的twig表单资源中添加SonataCoreBundle:Form:datepicker.html.twig:

twig:
    # ...
    form:
        resources:
            - 'SonataCoreBundle:Form:datepicker.html.twig'

您可以使用形式的选择器:

protected function configureFormFields(FormMapper $formMapper)
{
    $formMapper
        ->add('createdAt','sonata_type_date_picker');
}

在datetime过滤器中:

protected function configureDatagridFilters(DatagridMapper $datagridMapper)
{
    $datagridMapper
            ->add('createdAt',array('field_type'=>'sonata_type_datetime_picker',));
}

或作为日期时间范围过滤器:

protected function configureDatagridFilters(DatagridMapper $datagridMapper)
{
    $datagridMapper
            ->add('createdAt','doctrine_orm_datetime_range',array('field_type'=>'sonata_type_datetime_range_picker',));
}

旧答案

要在doctrine_orm_datetime中使用datePicker,请使用以下代码

protected function configureDatagridFilters(DatagridMapper $datagridMapper)
{
    $datagridMapper->add('datumUitgevoerd',array(),array('widget' => 'single_text','required' => false,'attr' => array('class' => 'datepicker')));
}

或者在doctrine_orm_datetime_range中使用datePicker,代码应该如下所示:

protected function configureDatagridFilters(DatagridMapper $datagridMapper)
{
    $datagridMapper->add('datumUitgevoerd','attr' => array('class' => 'datepicker')));
}

并且您应该重载主模板以添加您的自定义javascript文件来初始化DatePicker。

#File app/config.yml
sonata_admin:
    title:      Admin
    title_logo: /logo_admin.png
    templates:
        layout: AcmeDemoBundle::standard_layout.html.twig  
 #...another Sonata and Symfony settings...
{# File src/Acme/Bundle/DemoBundle/Resources/views/standard_layout.html.twig #}
{% extends 'SonataAdminBundle::standard_layout.html.twig' %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('bundles/acmedemo/js/jquery_admin.js') }}" type="text/javascript"></script>
 {% endblock %}
//File web\bundles\acmedemo\js\jquery_admin.js
 jQuery(document).ready(function(){
      jQuery.datepicker.setDefaults( jQuery.datepicker.regional[ "" ] );
      jQuery(".datepicker").datepicker( jQuery.datepicker.regional[ "en" ]);
 });
原文链接:https://www.f2er.com/jquery/182634.html

猜你在找的jQuery相关文章