Date Picker

class Nos\Renderer_Date_Picker
This renderer is used to pick a date.
It’s based on jQuery UI Date Picker.
Date Picker UI

Configuration

property Nos\Renderer_Date_Picker::$wrapper

HTML string to wrap the <input> + the generated image to open the datepicker

property Nos\Renderer_Date_Picker::$datepicker

Options for the datepicker widget used to render the UI. See the jQuery UI documentation for all available options.

Default values below:

showOn:both
buttonImage:static/novius-os/admin/novius-os/img/icons/date-picker.png
buttonImageOnly:
 true
autoSize:true
dateFormat:yy-mm-dd
showButtonPanel:
 true
changeMonth:true
changeYear:true
showOtherMonths:
 true
selectOtherMonths:
 true
gotoCurrent:true
firstDay:1
showAnim:slideDown

Methods

Nos\Renderer_Date_Picker::renderer($renderer)
Parameters:
  • $renderer (Model) – HTML attributes (name, class, id, value, etc.), with a special key renderer_options
Returns:

The <input> tag with JavaScript to initialise it

Displays a date picker in a standalone manner.

Example

Adding a date picker in a CRUD form configuration:

<?php

return array(
    'label' => '',
    'renderer' => 'Nos\Renderer_Date_Picker',
    'renderer_options' => array(
        'datepicker' => array(),
        'wrapper' => '<div class="datepicker-wrapper"></div>',
    ),
);

Displaying a date picker:

<?php

echo Nos\Renderer_Date_Picker::renderer(array(
    'name' => 'my_date',
    'class' => 'some_class',
    'value' => '2013-02-13',
    'renderer_options' => array(
        'datepicker' => array(),
        'wrapper' => '<div class="datepicker-wrapper"></div>',
    ),
));