ygtx/ygtx_oa

wu98hay b8c6180a72 first commit		1 rok pred
..
examples	b8c6180a72 first commit	1 rok pred
public	b8c6180a72 first commit	1 rok pred
README.md	b8c6180a72 first commit	1 rok pred
changelog.txt	b8c6180a72 first commit	1 rok pred
documentation.txt	b8c6180a72 first commit	1 rok pred
license.txt	b8c6180a72 first commit	1 rok pred
readme.txt	b8c6180a72 first commit	1 rok pred
zebra-datepicker.jquery.json	b8c6180a72 first commit	1 rok pred

##Zebra_Datepicker

####A super-lightweight, highly configurable, cross-browser date picker jQuery plugin

Zebra_Datepicker is a small, compact and highly configurable datepicker jQuery plugin, meant to enrich forms by adding the datepicker functionality to them. This jQuery plugin will automatically add a calendar icon to the indicated input fields which, when clicked, will open the attached datepicker. Users can easily jump between months and years due to the datepicker’s intuitive interface. The selected date will be entered in the input field using the date format of choice, configurable in the datepicker’s options.

##Features

it is small – it weights around 21KB minified offering the best ratio of features per used bytes
it’s compact – unlike other datepickers, this datepicker is one-file only
it’s cross-browser – works in every major browser; works also in Internet Explorer 6 where it uses an iFrameShim to stay above select controls
has a default color scheme that blends-in well with almost any design, and it’s easily customizable through the well-organized CSS file; two additional themese are included, one of them being for use with Twitter Bootstrap
offers an intuitive interface fast and easy navigation through months and years
offers an intuitive mechanism for disabling dates and date ranges using a syntax similar to cron‘s syntax
supports defining of custom weekend days for countries that don’t have the weekend on Saturday and Sunday
supports most of date formats you can think of, borrowing the syntax of PHP’s date function
supports all sorts of combinations for starting and ending dates
date pickers can be “paired” – where one or more date pickers will use the value of another date picker as starting date
supports internationalization
works by automatically attaching a small calendar icon to the indicated input fields which displays the attached datepicker when clicked.

Requirements

Zebra_Datepicker has no dependencies other than jQuery 1.5.2+ but requires that the page you are using the plugin on to have a strict doctype like:

<!doctype html>

How to use

First, load the latest version of jQuery from a CDN and provide a fallback to a local source, like:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="public/javascript/jquery-1.9.1.js"><\/script>')</script>

Load the Zebra_Datepicker jQuery plugin:

<script type="text/javascript" src="path/to/zebra_datepicker.js"></script>

Load the stylesheet:

<link rel="stylesheet" href="path/to/zebra_datepicker.css" type="text/css">

Now, within the DOM-ready event, attach the Zebra_Datepicker plugin to a <input type=”text”> control

$(document).ready(function() {

    // assuming the controls you want to attach the plugin to
    // have the "datepicker" class set
    $('input.datepicker').Zebra_DatePicker();

});

This will attach a calendar icon to the specified element(s). Clicking the icon, will make the date picker visible.

To get a reference to the instance of Zebra_DatePicker attached to an element do:

var $zdp = $('#element').data('Zebra_DatePicker');

Configuration options and demos on the project's homepage

README.md

Requirements

How to use