2 users Sign-in to change your status

A plugin used to implement a jquery date and time picker widget within the forms JavaScript Widget jQuery Forms

• Repository
• Download package
• Browse source

A plugin using juqery TimePicker library to provide a dropdown of time based on specification of intervals and start and stop times.

The most recent version of this plugin includes a validator class which can be used to bind value based on a datetime format.

The version of the plugin also comes with javascript and css assets for the time picker.

Developers

Name	Status	Email
Joseph M. Persie	lead	moc.liamg <<ta>> hpesoj.eisrep

License

Copyright (c) 2012 Joseph M. Persie

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Releases for sf 1.4

Releases for sf 1.3

Join this plugin team

Other releases

Release 1.1.0 - 20/04/2012

Release 1.0.2 - 20/04/2012

Release 1.0.1 - 15/04/2012

sfSelectTimeInputJQueryTimePickerPlugin

A plugin using juqery TimePicker library to provide a dropdown of time based on specification of intervals and start and stop times. Feel free to contact me with any questions.

Installation

• Install jQuery (http://www.jquery.com) somewhere under your web folder (preferably under web/js).

• Install jQuery timePicker (http://github.com/perifer/timePicker) somewhere under your web folder (preferably under web/js).

• Install jQuery-UI (http://www.jqueryui.com) somewhere under your web folder (preferably under web/js).

• Install Datejs (http://www.datejs.com) somewhere under your web folder (preferably under web/js).

• Add the jQuery, timePicker, jQuery-UI and Datejs JavaScript files to the javascripts list in your application's config/view.yml file.

  • Add any CSS files you want to use for timePicker and datePicker, and add them to the stylesheets list in view.yml.

• Install the plugin. Using symfony command line: ./symfony plugin:install sfJQueryTimeDateFormWidgetPlugin Or get the latest version from the subversion repository: svn co http://svn.symfony-project.com/plugins/sfJQueryTimeDateFormWidgetPlugin plugins/sfJQueryTimeDateFormWidgetPlugin

• If you installed by subversion, activate the plugin in the config/ProjectConfiguration.class.php file (this will have already been done automatically if you used the plugin:install symfony command).

  class ProjectConfiguration extends sfProjectConfiguration
  {
    public function setup()
    {
      ...
      $this->enablePlugins('sfJQueryTimeDateFormWidgetPlugin');
      ...
    }
  }

How to use

• Edit a form, for example lib/form/doctrine/MyForm.class.php. To use the date component, do something like this:

  $fromOptions = array(
                       'widget_name'=>'from',
                       'params'=>$params,
                       'default_date'=>'2008-01-01',
                       'default_time'=>'12:00 AM'
                      );
   
  $untilOptions = array(
                        'widget_name'=>'until',
                        'params'=>$params,
                        'default_date'=>date('Y-m-d'),
                        'default_time'=>date('h:i A')
                       );
   
  $this->setWidgets(array(
      'staff'      => new sfWidgetFormDoctrineChoice(array('model' => 'Staff', 'add_empty' => false)),
      'from'     => new sfJQueryDateTimeWidget($fromOptions),
      'until'    => new sfJQueryDateTimeWidget($untilOptions),
  ));

• Edit an action, for example apps/frontend/modules/timequery/actions/actions.class.php and add and implement the following function to perform date time queries:

  private function convertParamToDatetime($time) {
      $time = DateTime::createFromFormat('Y-m-d h:i A',$time);
   
      if($time instanceof DateTime)
          return $time->format('Y-m-d H:i:s');
      else
          return null;
  }

• Clear your cache. ./symfony cc

• Test your form.

Options

• widget_name (string) the name of the widget
• time_interval (string) a number from one to 60 to minumize minute selection
• params (array) an array of form request data
• default_date (string) the default date for the date picker in YYYY-mm-dd
• default_time (string) the default time for the time picker in hh:ii AA
• time_start_stop (array) an array with two keys: * start (string) the start time of the time picker in HH.MM * stop (string) the stop time of the time picker in HH.MM
• time_image (string) a path to an image to display as the time picker button