digitalframe/beta-datetimepicker-bundle

Symfony bundle for Bootstrap DateTime picker

DatetimepickerBundle

This bundle implements the Eonasdan Bootstrap DateTime Picker in a Form Type for Symfony 2.*. The bundle structure is inspired by GenemuFormBundle and Fork of SCDatetimepickerBundle., _(*1)

Demo : http://eonasdan.github.io/bootstrap-datetimepicker/, _(*2)

Please feel free to contribute, to fork, to send merge request and to create ticket., _(*3)

Installation

Step 1: Install DatetimepickerBundle

Add the following dependency to your composer.json file:, _(*4)

``` json { "require": {, <sub>(*5)</sub>

    "digitalframe/datetimepicker-bundle": "dev-master"
}

}, <sub>(*6)</sub>

and then run

```bash
php composer.phar update digitalframe/datetimepicker-bundle

Step 2: Enable the bundle

``` php <?php // app/AppKernel.php, <sub>(*7)</sub>

public function registerBundles() { $bundles = array( // ... new Digitalframe\DatetimepickerBundle\DigitalframeDatetimepickerBundle(), ); }, <sub>(*8)</sub>

``` yml
# app/config/config.yml
digitalframe_datetimepicker:
    picker: ~

Step 3: Initialize assets

``` bash $ php app/console assets:install web/, <sub>(*9)</sub>

## Usages

``` php
<?php
// ...
public function buildForm(FormBuilder $builder, array $options)
{
    $builder
        // defaut options
        ->add('createdAt', 'df_datetime')

        // full options
        ->add('updatedAt', 'df_datetime', array(
            'locale' => 'es',
            'format' => 'DD/MM/YYYY'
        )) ;

}

Add form_javascript and form_stylesheet, <sub>(*10)</sub>

The principle is to separate the javascript, stylesheet and html. This allows better integration of web pages., <sub>(*11)</sub>

Example:

``` twig {% block stylesheets %} , <sub>(*12)</sub>

{{ form_stylesheet(form) }}

{% endblock %}, <sub>(*13)</sub>

{% block javascripts %} , <sub>(*14)</sub>

{{ form_javascript(form) }}

{% endblock %}, <sub>(*15)</sub>

{% block body %}, <sub>(*16)</sub>

{% endblock %} ```, <sub>(*17)</sub>

Documentation

The documentation of the datetime picker is here : http://eonasdan.github.io/bootstrap-datetimepicker/Options/, <sub>(*18)</sub>

Notes

The date format from php 'array('format'=>'DD/MM/YYYY') is used to set automatically the date format of Symfony in order to make compatible Symfony and JavaScript output., <sub>(*19)</sub>