Download
Demo
- Overview
- Documents
User Rating: 0/5 ( 0 votes)
Your Rating:
Datetator is a jQuery-based replacement for input boxes, making them date pickers. It affects the original input box directly, which is used as the data container.
Browser compatibility
- IE 9+
- Chrome 3+
- Firefox 3.6+
- Safari 5+
- Opera 10.5+
-
sex shop
sex shop
sex shop
sex shop
sex shop
seks shop
spanish fly
psikolog
sohbet numara
sohbet hatti
Source: github.com
1. INCLUDE CSS AND JS FILES
<link rel="stylesheet" href="fm.datetator.jquery.css"/> <script src="jquery-1.11.0.min.js"></script> <script src="fm.datetator.jquery.js"></script>
2. HTML
<input id="inputDatetator" name="inputDatetator" value="">
3. JAVASCRIPT
$('#inputBox').datetator();
4. OPTIONS
$('#inputBox').datetator({
prefix: 'datetator_', // CSS class prefix
height: 'auto', // auto or element
useDimmer: false // dims the screen when result list is visible
labels: { // contains all the labels for the plugin, this can be changed to other languages
week: 'Vk',
dayNames: [
'Má',
'Tý',
'Mi',
'Hó',
'Fr',
'Le',
'Su'
],
monthNames: [
'januar',
'februar',
'mars',
'apríl',
'mai',
'juni',
'juli',
'august',
'septembur',
'oktobur',
'novembur',
'desembur'
],
previous: '« {month}',
today: 'í dag',
next: '{month} »',
empty: 'Strika',
previousTooltip: 'Vís undanfarna mánað',
todayTooltip: 'Vís og vel dagin í dag',
nextTooltip: 'Vís næsta mánað',
emptyTooltip: 'Strika dagfesting'
});
5. CSS CLASSES
Here is a list of all the css classes
| Class | Description |
|---|---|
| datetator | This is the new input box. It has some extra classes called picker-visible and picker-hidden which tell if the picker is visible or not. |
| prefix_picker | The holder for the picker popup. |
| prefix_dimmer | This is the dimmer |
| prefix_navigation | This is the top bar of the picker, containing previous, today and next buttons |
| prefix_button | This is a global class for all buttons |
| prefix_previous | This class for the previous button |
| prefix_today | This class for the today button |
| prefix_next | This class fot the next button |
| prefix_month | This class is for the month display under the top navigation bar |
| prefix_calendar | This is the holder for the calendar |
| prefix_week_header | The table header cell containing the week title |
| prefix_day_header | The table header cell containing the day names |
| prefix_week | The table cell containing week numbers |
| prefix_day | The table cell containing the day dates. This element contains theprefix_day_active class if it is the chosen date. This element can also contain the prefix_day_other class if dates are outside current month, and prefix_day_weekend for weekend dates. |
| prefix_operations | This is the holder for the bottom buttons |
| prefix_empty | This class for the remove/delete/empty button |
6. DOM STRUCTURE
Here is a list of all the css classes
| Class | Description |
|---|---|
| datetator | This is the new input box. It has some extra classes called picker-visible and picker-hidden which tell if the picker is visible or not. |
| prefix_picker | The holder for the picker popup. |
| prefix_dimmer | This is the dimmer |
| prefix_navigation | This is the top bar of the picker, containing previous, today and next buttons |
| prefix_button | This is a global class for all buttons |
| prefix_previous | This class for the previous button |
| prefix_today | This class for the today button |
| prefix_next | This class fot the next button |
| prefix_month | This class is for the month display under the top navigation bar |
| prefix_calendar | This is the holder for the calendar |
| prefix_week_header | The table header cell containing the week title |
| prefix_day_header | The table header cell containing the day names |
| prefix_week | The table cell containing week numbers |
| prefix_day | The table cell containing the day dates. This element contains theprefix_day_active class if it is the chosen date. This element can also contain the prefix_day_other class if dates are outside current month, and prefix_day_weekend for weekend dates. |
| prefix_operations | This is the holder for the bottom buttons |
| prefix_empty | This class for the remove/delete/empty button |
7. JQUERY METHODS
| Method | Description |
|---|---|
| refresh | This method is used internally by the plugin, but you can also call it manually, it is used to refresh the plugin. A scenario where this would be useful is if the data in the original input box is changed by some other script. |
| destroy | This method is used to remove the instance of the plugin from the input box and restore it to its original state. |
Method usage
$('#inputBox').datetator('refresh');
or
$('#inputBox').datetator('destroy');
JS Tutorial
