README

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

安装

使用 composer 下载

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

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

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

步骤 2：启用包

在内核中启用包

<?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

管理类

表单字段

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

数据网格过滤器

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