Yii 1.1: jquery-datetime-picker

Jquery Datetime Picker
4 followers

Yii has only Date Picker but doesn't have datetime picker or timepicker. the initialization of the widget is similar to CJuiDatePicker. I've borrow the same concept in CJuiDatePicker

I've created this extension because most of the existing widget are already outdated especially the 'mobile device slideAccess features'.

this widget support:

  1. jquery ui themes or custom theming.
  2. localization.
  3. model binding support.
  4. slideAccess (mobile support), see the project page url.
  5. datetime/time picker.

Requirements

Yii 1.1.x or above

Usage

extract the files under protected/extensions folder

<?php
$this->widget('ext.jquery-ui-timepicker.BJuiDateTimePicker',array(
    'model'=>$model,
    'attribute'=>'date_from',
    'type'=>'datetime', // available parameter is datetime or time
    //'language'=>'de', // default to english
    //'themeName'=>'sunny', // jquery ui theme, file is under assets folder
    'options'=>array( 
        // put your js options here check http://trentrichardson.com/examples/timepicker/#slider_examples for more info
        'timeFormat'=>'HH:mm:ss',
        'showSecond'=>true,
        'hourGrid'=>4,
        'minuteGrid'=>10,
    ),
    'htmlOptions'=>array(
        'class'=>'input-medium'
    )
));
?>

Resources

Total 1 comment

#17718 report it
juszrnt at 2014/07/17 07:26am
Cannot get it to work

I get this error (JS console):

**Uncaught TypeError: Cannot read property 'timepicker' of undefined jquery-ui-timepicker-addon.js:20 (anonymous function) jquery-ui-timepicker-addon.js:20 (anonymous function)

GET http://localhost/js/jquery-ui.min.js 404 (Not Found)

Uncaught TypeError: Object [object Object] has no method 'datetimepicker' index.php?r=project/update&id=6:107 (anonymous function) index.php?r=project/update&id=6:107 fire jquery.js:974 self.fireWith jquery.js:1084 jQuery.extend.ready jquery.js:406 DOMContentLoaded**

Leave a comment

Please to leave your comment.

Create extension
Downloads