README

jQuery提供DatePicker处理日期输入和datetime字段类型。日期选择器会根据用户的区域设置进行本地化。

安装

使用Composer下载

在您的composer.json文件中添加stnw/date-picker-bundle

{
    "require": {
        "stnw/date-picker-bundle": "dev-master"
    }
}

然后像平常一样运行composer.phar install

步骤 2: 启用Bundle

在Kernel中启用Bundle

<?php
// app/AppKernel.php

public function registerBundles()
{
    $bundles = array(
        // ...
        new Stnw\DatePickerBundle\StnwDatePickerBundle(),
    );
}

步骤 3: 将twig字段模板导入到您的config.yml

打开config.yml文件并添加以下行（或调整当前配置）

twig:
    form:
        resources:
            - 'StnwDatePickerBundle:Form:fields.html.twig'

步骤 4: Sonata Admin集成

在app/Resources/SonataAdminBundle/views/中创建一个名为layout.html.twig的新文件，内容如下

{% extends 'SonataAdminBundle::standard_layout.html.twig' %}
{% block javascripts %}
    {{ parent() }}

    <script src="{{ asset('bundles/stnwdatepicker/date_picker.js') }}"></script>
    <script type="text/javascript">
        global = {
            locale   : '{{ app.request.locale }}'
        }
    </script>
{% endblock %}

然后更新sonata_admin配置以使用此模板

sonata_admin:
    templates:
        # default global templates
        layout:  SonataAdminBundle::layout.html.twig

步骤 5: 如何使用表单类型

Datepicker

AdminClass

FormFields

<?php
    protected function configureFormFields(FormMapper $formMapper)
    {
        $formMapper
            ...
            ->add('startDate', 'datePicker' )
            ->add('endDate', 'dateTimePicker' )
            ...
        ;
    }

DatagridFilters

<?php
    protected function configureDatagridFilters(DatagridMapper $datagrid)
    {
        $datagrid
            ->add('startDate', 'stnw_date_filter')
            ->add('endDateTime', 'stnw_date_time_filter')
        ;
    }