Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

date


Multiple Dates Picker for jQuery UI

Submitted by dubrox on September 25, 2010 - 12:40pm

How to use it?
Being an extension to jQuery UI DatePicker you need to include both jQuery and jQuery UI (with datepicker module included!) javascript files to your HTML page, and right after that, include MultiDatesPicker.

To apply it to an element, do it the same way as you would do with jQuery UI datepicker, but write multiDatesPicker instead of datepicker:

$(element-or-selector).multiDatesPicker(options-to-initialize-datepicker-and-multidatepicker);

jdPicker : jQuery Date Picker

Submitted by Paul_Da_Silva on May 25, 2010 - 11:19am

jdPicker is a light datepicker (~20Ko) that allows you to easily customize its behaviour and style.

It's been developped as a fork of the excellent Date Input to add a lot of functionnalities.

To quote a few you can set a minimum date, a maximum date, disallow the selection of specific dates, recurring ones, days of the week, you can either display it inline or as a dropdown DHTML popup, ...

To see all those functionnalities please refer to the project page.

Any+Time™ Datepicker/Timepicker AJAX Calendar Widget with Optional TimeZone Support

Submitted by AMA3 on April 24, 2010 - 10:29am

The Any+Time™ JavaScript Library includes a highly-customizable, jQuery-compatible datepicker/ timepicker (calendar/ clock widget) and a powerful Date/String parse/format utility. Use it to create a date/time picker with advanced features and options not found in other calendar/clock widgets:

DATE/TIME OPTIONS:

* 12-hour or 24-hour clock
* custom date/time format (countless possibilities, including JSON and XML)
* date-only, time-only, or specific fields!
* date/time range limits
* era-selection (BCE/CE, BC/AD, etc.)
* start week on any day (Sunday, Monday, etc.)
* custom base for 2-digit years (1900, 2000, etc.)
* UTC offsets/time zones

STYLING OPTIONS:

* custom labels/languages
* custom CSS styles
* jQuery UI Theming
* jQuery UI Theme Switcher
* jQuery ThemeRoller
* pop-up or always-present picker
* visible or hidden field

PROGRAMMER-FRIENDLY:

* easy to implement with only one statement
* easy AJAX validation
* easy Date/String conversion, including JSON and XML
* create multiple pickers at once
* easy removal
* easy to extend

USABILITY FEATURES:

* em-based relative-size
* single-click value selection
* WAI-ARIA 1.0 keyboard accessibility
* double-click select-and-dismiss

Use AnyTime.Converter to parse a String into a Date, or convert a Date to a String. Many format options are supported—in fact, most of the fields specified by the MySQL DATE_FORMAT() function!

jQuery Timepicker Addon

Submitted by trent on April 16, 2010 - 3:34pm

The Timepicker Addon is a plugin to add a timepicker to jQueryUI's datepicker. It can handle date and time, or just time. Many options allow you to format your time, default time, and have time steps (via a slider).

// date and time
$('input').datetimepicker({...});
// or just time
$('input').timepicker({...});

Content Expirator

Submitted by dansnetwork on April 2, 2010 - 10:23am

Content Expirator is a jQuery utility plugin that provides an easy way to give DOM elements an expiration date. If the element is found to be expired, its ‘display’ parameter is set to ‘none’. The Content Expirator looks for an element containing a class name (must be the first one listed) containing the prefix ‘exp’ (or a user defined one passed as an argument). When it comes across one, it compares the date (formatted year-month-day) with the current day to decide if the element’s ‘display’ (style) parameter should be set to ‘none’.

Date Select Boxes

Submitted by NickABusey on March 2, 2010 - 5:25pm

A simple way to implement smart date select boxes. Given month, day, and year select boxes, this plugin will automatically populate the day select box with the proper amount of days for a given year and month combination, taking leap years into account. Requires jQuery Select Box Manipulation plugin.

Usage: $().ready(function () { $().dateSelectBoxes('birthMonth','birthDay','birthYear'); });

Where 'birthMonth', 'birthDay', and 'birthYear' are the IDs of select boxes.

KK Countdown

Submitted by KrzysiekF on February 25, 2010 - 1:18pm

KK Countdown - JQuery Plug in

Version: 1.2
Date: 24.06.2010r.
Author: Krzysztof Furtak - http://krzysztof-furtak.pl/

Demo: http://krzysztof-furtak.pl/demo-plugins/jquery-kkcountdown/
Download: http://krzysztof-furtak.pl/2010/05/kk-countdown-jquery-plugin/

Plug-in counts time to a particular date in the future.

Available options (on plugin website):

http://krzysztof-furtak.pl/2010/05/kk-countdown-jquery-plugin/

INSTALL:

  1. In a page header following files should be included:
    * JQuery
    * plugin – kk_countdown_1_1_jquery_min.js
    <script src="js/kk_countdown_1_1_jquery_min.js" type="text/javascript"></script>
  2. Once a webpage is uploaded, we launch plug-in with the below code:
    <script type="text/javascript">
                $(document).ready(function(){
                    $("body").kkCountDown();
                });
    </script>

jquery-dateFormat

Submitted by phstc on January 24, 2010 - 11:58am

If you liked this plugin, please, rate it

jquery-dateFormat it’s a jQuery Plugin that I made for formatting java.util.Date.toString output using JavaScript

http://download.oracle.com/javase/1.4.2/docs/api/java/util/Date.html#toS...
http://download.oracle.com/javase/1.4.2/docs/api/java/text/SimpleDateFor...

The source code for this plugin is available on http://github.com/phstc/jquery-dateFormat

Formatting using css classes

<span class="shortDateFormat">2009-12-18 10:54:50.546</span>
<span class="longDateFormat">2009-12-18 10:54:50.546</span>

output
#1 18/12/2009
#2 18/12/2009 10:54:50

Formatting using JavaScript

<script>
$.format.date("2009-12-18 10:54:50.546", "dd/MM/yyyy");
</script>

Expected input dates formats
#1 2009-12-18 10:54:50.546
#2 Wed Jan 13 10:43:41 CET 2010

Date and time patterns
yyyy = year
MM = month
dd = day
hh = hour in am/pm (1-12)
HH = hour in day (0-23)
mm = minute

jQuery Format

Submitted by asual on December 23, 2009 - 9:24am

The jQuery Format plugin enables the formatting and parsing of dates and numbers. It's a client-side alternative of the popular SimpleDateFormat and NumberFormat APIs.

jQuery DWCountdown Plugin

Submitted by davidwalsh on December 16, 2009 - 12:45am

You’ve probably been to sites like RapidShare and MegaUpload that allow you to download files but make you wait a specified number of seconds before giving you the download link. I’ve created a similar script but my script allows you to animate the CSS font-size of each second and present a reward at the end.