jeditable-datepicker

In place editing with a datepicker. Clean and simple. Based on jQuery UI and Jeditable.

Background

• Jeditable is in place editing plugin for jQuery.
• Jeditable works with several types of input fields out of the box, like text fields and text area fields.
• You can write your own plugins for Jeditable to support in place editing of other types of input fields. Yes, plugins for the plugin.
• The jeditable-datepicker is Jeditable plugin to work with jQuery UI Datepicker.

Demo

See it in action!

Tested

IE7+, Firefox, Chrome, Opera, Safari

Usage

Example 1:

$( '.editable' ).editable( {
  type: 'datepicker'
} );

Example 2 (how to pass options to datepicker):

$( '.editable' ).editable( {
  type: 'datepicker',
  datepicker: {
    dateFormat: 'yy-mm-dd', 
    numberOfMonths: 2 
  }
} );

Dependencies

• jQuery
• jQuery UI Datepicker
• Jeditable

Installation

Add jquery.jeditable.datepicker.js to your project after jquery.js, jquery.ui.js and jquery.jeditable.js

License

Released under the MIT license. Copyright (C) 2011 Piotr 'Qertoip' Włodarek.