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');