mirror of
https://github.com/xdan/datetimepicker.git
synced 2024-11-18 06:24:22 +00:00
new version
Few update by other maintainers. See new example in documentation http://xdsoft.net/jqplugins/datetimepicker/#use_other_date_parser
This commit is contained in:
Valeriy
parent
4118cb776e
commit
263d9e94df
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name":"datetimepicker",
|
||||
"version":"2.2.5",
|
||||
"version":"2.2.6",
|
||||
"main": [
|
||||
"jquery.datetimepicker.js",
|
||||
"jquery.datetimepicker.css"
|
||||
|
||||
@ -1,391 +0,0 @@
|
||||
/*
|
||||
* Copyright (C) 2004 Baron Schwartz <baron at sequent dot org>
|
||||
*
|
||||
* This program is free software; you can redistribute it and/or modify it
|
||||
* under the terms of the GNU Lesser General Public License as published by the
|
||||
* Free Software Foundation, version 2.1.
|
||||
*
|
||||
* This program is distributed in the hope that it will be useful, but WITHOUT
|
||||
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
|
||||
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
|
||||
* details.
|
||||
*/
|
||||
|
||||
Date.parseFunctions = {
|
||||
count: 0
|
||||
};
|
||||
Date.parseRegexes = [];
|
||||
Date.formatFunctions = {
|
||||
count: 0
|
||||
};
|
||||
Date.prototype.dateFormat = function (format) {
|
||||
if( format=='unixtime' )
|
||||
return parseInt(this.getTime()/1000);
|
||||
if (Date.formatFunctions[format] == null) {
|
||||
Date.createNewFormat(format)
|
||||
}
|
||||
var func = Date.formatFunctions[format];
|
||||
return this[func]()
|
||||
};
|
||||
Date.createNewFormat = function (format) {
|
||||
var funcName = "format" + Date.formatFunctions.count++;
|
||||
Date.formatFunctions[format] = funcName;
|
||||
var code = "Date.prototype." + funcName + " = function() {return ";
|
||||
var special = false;
|
||||
var ch = '';
|
||||
for (var i = 0; i < format.length; ++i) {
|
||||
ch = format.charAt(i);
|
||||
if (!special && ch == "\\") {
|
||||
special = true
|
||||
} else if (special) {
|
||||
special = false;
|
||||
code += "'" + String.escape(ch) + "' + "
|
||||
} else {
|
||||
code += Date.getFormatCode(ch)
|
||||
}
|
||||
}
|
||||
eval(code.substring(0, code.length - 3) + ";}")
|
||||
};
|
||||
Date.getFormatCode = function (character) {
|
||||
switch (character) {
|
||||
case "d":
|
||||
return "String.leftPad(this.getDate(), 2, '0') + ";
|
||||
case "D":
|
||||
return "Date.dayNames[this.getDay()].substring(0, 3) + ";
|
||||
case "j":
|
||||
return "this.getDate() + ";
|
||||
case "l":
|
||||
return "Date.dayNames[this.getDay()] + ";
|
||||
case "S":
|
||||
return "this.getSuffix() + ";
|
||||
case "w":
|
||||
return "this.getDay() + ";
|
||||
case "z":
|
||||
return "this.getDayOfYear() + ";
|
||||
case "W":
|
||||
return "this.getWeekOfYear() + ";
|
||||
case "F":
|
||||
return "Date.monthNames[this.getMonth()] + ";
|
||||
case "m":
|
||||
return "String.leftPad(this.getMonth() + 1, 2, '0') + ";
|
||||
case "M":
|
||||
return "Date.monthNames[this.getMonth()].substring(0, 3) + ";
|
||||
case "n":
|
||||
return "(this.getMonth() + 1) + ";
|
||||
case "t":
|
||||
return "this.getDaysInMonth() + ";
|
||||
case "L":
|
||||
return "(this.isLeapYear() ? 1 : 0) + ";
|
||||
case "Y":
|
||||
return "this.getFullYear() + ";
|
||||
case "y":
|
||||
return "('' + this.getFullYear()).substring(2, 4) + ";
|
||||
case "a":
|
||||
return "(this.getHours() < 12 ? 'am' : 'pm') + ";
|
||||
case "A":
|
||||
return "(this.getHours() < 12 ? 'AM' : 'PM') + ";
|
||||
case "g":
|
||||
return "((this.getHours() %12) ? this.getHours() % 12 : 12) + ";
|
||||
case "G":
|
||||
return "this.getHours() + ";
|
||||
case "h":
|
||||
return "String.leftPad((this.getHours() %12) ? this.getHours() % 12 : 12, 2, '0') + ";
|
||||
case "H":
|
||||
return "String.leftPad(this.getHours(), 2, '0') + ";
|
||||
case "i":
|
||||
return "String.leftPad(this.getMinutes(), 2, '0') + ";
|
||||
case "s":
|
||||
return "String.leftPad(this.getSeconds(), 2, '0') + ";
|
||||
case "O":
|
||||
return "this.getGMTOffset() + ";
|
||||
case "T":
|
||||
return "this.getTimezone() + ";
|
||||
case "Z":
|
||||
return "(this.getTimezoneOffset() * -60) + ";
|
||||
default:
|
||||
return "'" + String.escape(character) + "' + "
|
||||
}
|
||||
};
|
||||
Date.parseDate = function (input, format) {
|
||||
if( format=='unixtime' )
|
||||
return new Date( !isNaN(parseInt(input))?parseInt(input)*1000:0 );
|
||||
|
||||
if (Date.parseFunctions[format] == null) {
|
||||
Date.createParser(format)
|
||||
}
|
||||
var func = Date.parseFunctions[format];
|
||||
return Date[func](input)
|
||||
};
|
||||
Date.createParser = function (format) {
|
||||
var funcName = "parse" + Date.parseFunctions.count++;
|
||||
var regexNum = Date.parseRegexes.length;
|
||||
var currentGroup = 1;
|
||||
Date.parseFunctions[format] = funcName;
|
||||
var code = "Date." + funcName + " = function(input) {\n" + "var y = -1, m = -1, d = -1, h = -1, i = -1, s = -1, z = -1;\n" + "var d = new Date();\n" + "y = d.getFullYear();\n" + "m = d.getMonth();\n" + "d = d.getDate();\n" + "var results = input.match(Date.parseRegexes[" + regexNum + "]);\n" + "if (results && results.length > 0) {";
|
||||
var regex = "";
|
||||
var special = false;
|
||||
var ch = '';
|
||||
for (var i = 0; i < format.length; ++i) {
|
||||
ch = format.charAt(i);
|
||||
if (!special && ch == "\\") {
|
||||
special = true
|
||||
} else if (special) {
|
||||
special = false;
|
||||
regex += String.escape(ch)
|
||||
} else {
|
||||
obj = Date.formatCodeToRegex(ch, currentGroup);
|
||||
currentGroup += obj.g;
|
||||
regex += obj.s;
|
||||
if (obj.g && obj.c) {
|
||||
code += obj.c
|
||||
}
|
||||
}
|
||||
}
|
||||
code += "if (y > 0 && z > 0){\n" + "var doyDate = new Date(y,0);\ndoyDate.setDate(z);\nm = doyDate.getMonth();\nd = doyDate.getDate();\n}";
|
||||
code += "if (y > 0 && m >= 0 && d > 0 && h >= 0 && i >= 0 && s >= 0)\n" + "{return new Date(y, m, d, h, i, s);}\n" + "else if (y > 0 && m >= 0 && d > 0 && h >= 0 && i >= 0)\n" + "{return new Date(y, m, d, h, i);}\n" + "else if (y > 0 && m >= 0 && d > 0 && h >= 0)\n" + "{return new Date(y, m, d, h);}\n" + "else if (y > 0 && m >= 0 && d > 0)\n" + "{return new Date(y, m, d);}\n" + "else if (y > 0 && m >= 0)\n" + "{return new Date(y, m);}\n" + "else if (y > 0)\n" + "{return new Date(y);}\n" + "}return null;}";
|
||||
Date.parseRegexes[regexNum] = new RegExp("^" + regex + "$");
|
||||
eval(code)
|
||||
};
|
||||
Date.formatCodeToRegex = function (character, currentGroup) {
|
||||
switch (character) {
|
||||
case "D":
|
||||
return {
|
||||
g: 0,
|
||||
c: null,
|
||||
s: "(?:Sun|Mon|Tue|Wed|Thu|Fri|Sat)"
|
||||
};
|
||||
case "j":
|
||||
case "d":
|
||||
return {
|
||||
g: 1,
|
||||
c: "d = parseInt(results[" + currentGroup + "], 10);\n",
|
||||
s: "(\\d{1,2})"
|
||||
};
|
||||
case "l":
|
||||
return {
|
||||
g: 0,
|
||||
c: null,
|
||||
s: "(?:" + Date.dayNames.join("|") + ")"
|
||||
};
|
||||
case "S":
|
||||
return {
|
||||
g: 0,
|
||||
c: null,
|
||||
s: "(?:st|nd|rd|th)"
|
||||
};
|
||||
case "w":
|
||||
return {
|
||||
g: 0,
|
||||
c: null,
|
||||
s: "\\d"
|
||||
};
|
||||
case "z":
|
||||
return {
|
||||
g: 1,
|
||||
c: "z = parseInt(results[" + currentGroup + "], 10);\n",
|
||||
s: "(\\d{1,3})"
|
||||
};
|
||||
case "W":
|
||||
return {
|
||||
g: 0,
|
||||
c: null,
|
||||
s: "(?:\\d{2})"
|
||||
};
|
||||
case "F":
|
||||
return {
|
||||
g: 1,
|
||||
c: "m = parseInt(Date.monthNumbers[results[" + currentGroup + "].substring(0, 3)], 10);\n",
|
||||
s: "(" + Date.monthNames.join("|") + ")"
|
||||
};
|
||||
case "M":
|
||||
return {
|
||||
g: 1,
|
||||
c: "m = parseInt(Date.monthNumbers[results[" + currentGroup + "]], 10);\n",
|
||||
s: "(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)"
|
||||
};
|
||||
case "n":
|
||||
case "m":
|
||||
return {
|
||||
g: 1,
|
||||
c: "m = parseInt(results[" + currentGroup + "], 10) - 1;\n",
|
||||
s: "(\\d{1,2})"
|
||||
};
|
||||
case "t":
|
||||
return {
|
||||
g: 0,
|
||||
c: null,
|
||||
s: "\\d{1,2}"
|
||||
};
|
||||
case "L":
|
||||
return {
|
||||
g: 0,
|
||||
c: null,
|
||||
s: "(?:1|0)"
|
||||
};
|
||||
case "Y":
|
||||
return {
|
||||
g: 1,
|
||||
c: "y = parseInt(results[" + currentGroup + "], 10);\n",
|
||||
s: "(\\d{4})"
|
||||
};
|
||||
case "y":
|
||||
return {
|
||||
g: 1,
|
||||
c: "var ty = parseInt(results[" + currentGroup + "], 10);\n" + "y = ty > Date.y2kYear ? 1900 + ty : 2000 + ty;\n",
|
||||
s: "(\\d{1,2})"
|
||||
};
|
||||
case "a":
|
||||
return {
|
||||
g: 1,
|
||||
c: "if (results[" + currentGroup + "] == 'am') {\n" + "if (h == 12) { h = 0; }\n" + "} else { if (h < 12) { h += 12; }}",
|
||||
s: "(am|pm)"
|
||||
};
|
||||
case "A":
|
||||
return {
|
||||
g: 1,
|
||||
c: "if (results[" + currentGroup + "] == 'AM') {\n" + "if (h == 12) { h = 0; }\n" + "} else { if (h < 12) { h += 12; }}",
|
||||
s: "(AM|PM)"
|
||||
};
|
||||
case "g":
|
||||
case "G":
|
||||
case "h":
|
||||
case "H":
|
||||
return {
|
||||
g: 1,
|
||||
c: "h = parseInt(results[" + currentGroup + "], 10);\n",
|
||||
s: "(\\d{1,2})"
|
||||
};
|
||||
case "i":
|
||||
return {
|
||||
g: 1,
|
||||
c: "i = parseInt(results[" + currentGroup + "], 10);\n",
|
||||
s: "(\\d{2})"
|
||||
};
|
||||
case "s":
|
||||
return {
|
||||
g: 1,
|
||||
c: "s = parseInt(results[" + currentGroup + "], 10);\n",
|
||||
s: "(\\d{2})"
|
||||
};
|
||||
case "O":
|
||||
return {
|
||||
g: 0,
|
||||
c: null,
|
||||
s: "[+-]\\d{4}"
|
||||
};
|
||||
case "T":
|
||||
return {
|
||||
g: 0,
|
||||
c: null,
|
||||
s: "[A-Z]{3}"
|
||||
};
|
||||
case "Z":
|
||||
return {
|
||||
g: 0,
|
||||
c: null,
|
||||
s: "[+-]\\d{1,5}"
|
||||
};
|
||||
default:
|
||||
return {
|
||||
g: 0,
|
||||
c: null,
|
||||
s: String.escape(character)
|
||||
}
|
||||
}
|
||||
};
|
||||
Date.prototype.getTimezone = function () {
|
||||
return this.toString().replace(/^.*? ([A-Z]{3}) [0-9]{4}.*$/, "$1").replace(/^.*?\(([A-Z])[a-z]+ ([A-Z])[a-z]+ ([A-Z])[a-z]+\)$/, "$1$2$3")
|
||||
};
|
||||
Date.prototype.getGMTOffset = function () {
|
||||
return (this.getTimezoneOffset() > 0 ? "-" : "+") + String.leftPad(Math.floor(Math.abs(this.getTimezoneOffset()) / 60), 2, "0") + String.leftPad(Math.abs(this.getTimezoneOffset()) % 60, 2, "0")
|
||||
};
|
||||
Date.prototype.getDayOfYear = function () {
|
||||
var num = 0;
|
||||
Date.daysInMonth[1] = this.isLeapYear() ? 29 : 28;
|
||||
for (var i = 0; i < this.getMonth(); ++i) {
|
||||
num += Date.daysInMonth[i]
|
||||
}
|
||||
return num + this.getDate()
|
||||
};
|
||||
Date.prototype.getWeekOfYear = function () {
|
||||
var now = this.getDayOfYear() + (4 - this.getDay());
|
||||
var jan1 = new Date(this.getFullYear(), 0, 1);
|
||||
var then = (7 - jan1.getDay() + 4);
|
||||
return String.leftPad(Math.ceil((now - then) / 7) + 1, 2, "0")
|
||||
};
|
||||
Date.prototype.isLeapYear = function () {
|
||||
var year = this.getFullYear();
|
||||
return ((year & 3) == 0 && (year % 100 || (year % 400 == 0 && year)))
|
||||
};
|
||||
Date.prototype.getFirstDayOfMonth = function () {
|
||||
var day = (this.getDay() - (this.getDate() - 1)) % 7;
|
||||
return (day < 0) ? (day + 7) : day
|
||||
};
|
||||
Date.prototype.getLastDayOfMonth = function () {
|
||||
var day = (this.getDay() + (Date.daysInMonth[this.getMonth()] - this.getDate())) % 7;
|
||||
return (day < 0) ? (day + 7) : day
|
||||
};
|
||||
Date.prototype.getDaysInMonth = function () {
|
||||
Date.daysInMonth[1] = this.isLeapYear() ? 29 : 28;
|
||||
return Date.daysInMonth[this.getMonth()]
|
||||
};
|
||||
Date.prototype.getSuffix = function () {
|
||||
switch (this.getDate()) {
|
||||
case 1:
|
||||
case 21:
|
||||
case 31:
|
||||
return "st";
|
||||
case 2:
|
||||
case 22:
|
||||
return "nd";
|
||||
case 3:
|
||||
case 23:
|
||||
return "rd";
|
||||
default:
|
||||
return "th"
|
||||
}
|
||||
};
|
||||
String.escape = function (string) {
|
||||
return string.replace(/('|\\)/g, "\\$1")
|
||||
};
|
||||
String.leftPad = function (val, size, ch) {
|
||||
var result = new String(val);
|
||||
if (ch == null) {
|
||||
ch = " "
|
||||
}
|
||||
while (result.length < size) {
|
||||
result = ch + result
|
||||
}
|
||||
return result
|
||||
};
|
||||
Date.daysInMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
|
||||
Date.monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
|
||||
Date.dayNames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
|
||||
Date.y2kYear = 50;
|
||||
Date.monthNumbers = {
|
||||
Jan: 0,
|
||||
Feb: 1,
|
||||
Mar: 2,
|
||||
Apr: 3,
|
||||
May: 4,
|
||||
Jun: 5,
|
||||
Jul: 6,
|
||||
Aug: 7,
|
||||
Sep: 8,
|
||||
Oct: 9,
|
||||
Nov: 10,
|
||||
Dec: 11
|
||||
};
|
||||
Date.patterns = {
|
||||
ISO8601LongPattern: "Y-m-d H:i:s",
|
||||
ISO8601ShortPattern: "Y-m-d",
|
||||
ShortDatePattern: "n/j/Y",
|
||||
LongDatePattern: "l, F d, Y",
|
||||
FullDateTimePattern: "l, F d, Y g:i:s A",
|
||||
MonthDayPattern: "F d",
|
||||
ShortTimePattern: "g:i A",
|
||||
LongTimePattern: "g:i:s A",
|
||||
SortableDateTimePattern: "Y-m-d\\TH:i:s",
|
||||
UniversalSortableDateTimePattern: "Y-m-d H:i:sO",
|
||||
YearMonthPattern: "F, Y"
|
||||
};
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "datetimepicker",
|
||||
"version": "2.2.5",
|
||||
"version": "2.2.6",
|
||||
"title": "jQuery Date and Time picker",
|
||||
"description": "jQuery plugin for date, time, or datetime manipulation in form",
|
||||
"keywords": [
|
||||
|
||||
739
doc.tpl
739
doc.tpl
@ -1,739 +0,0 @@
|
||||
<div class="page-header">
|
||||
<h1>DateTimePicker <small>jQuery plugin select date and time</small></h1>
|
||||
</div>
|
||||
<?php echo $this->parse('right250x250',array('link'=>"https://github.com/xdan/datetimepicker/archive/master.zip"))?>
|
||||
<p>
|
||||
Use this plugin to unobtrusively add a datetimepicker, datepicker or timepicker dropdown to your forms. It's easy to customize options. <a href="https://github.com/xdan/datetimepicker">Source code on GitHub</a> or <a href="https://github.com/xdan/datetimepicker/archive/master.zip">download (zip)</a>.
|
||||
</p>
|
||||
|
||||
<h3>DateTimepicker</h3>
|
||||
<input type="text" value="2014/03/15 05:06" id="datetimepicker"/><br/>
|
||||
<h3>Use mask DateTimepicker</h3>
|
||||
<input type="text" value="" id="datetimepicker_mask"/><br/>
|
||||
<h3>TimePicker</h3>
|
||||
<input type="text" id="datetimepicker1"/><br/>
|
||||
<h3>DatePicker</h3>
|
||||
<input type="text" id="datetimepicker2"/><br/>
|
||||
<h3>Inline DateTimePicker</h3>
|
||||
<input type="text" id="datetimepicker3"/><br/>
|
||||
<script>
|
||||
$(function(){
|
||||
$('#datetimepicker_mask').datetimepicker({
|
||||
mask:'9999/19/39 29:59',
|
||||
});
|
||||
$('#datetimepicker').datetimepicker();
|
||||
$('#datetimepicker').datetimepicker({value:'2015/04/15 05:06'});
|
||||
$('#datetimepicker1').datetimepicker({
|
||||
datepicker:false,
|
||||
format:'H:i',
|
||||
value:'12:00'
|
||||
});
|
||||
$('#datetimepicker2').datetimepicker({
|
||||
timepicker:false,
|
||||
format:'d/m/Y'
|
||||
});
|
||||
$('#datetimepicker3').datetimepicker({
|
||||
inline:true
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</p>
|
||||
<h2>How do I use it?</h2>
|
||||
<p>
|
||||
First include to page css and js files
|
||||
<pre><code data-language="html"><!-- this should go after your </body> -->
|
||||
<link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css"/ >
|
||||
<script src="jquery.js"></script>
|
||||
<script src="jquery.datetimepicker.js"></script></code></pre>
|
||||
</p>
|
||||
<h2>Examples</h2>
|
||||
|
||||
<hr id="Simple"/>
|
||||
<h4>Simple init DateTimePicker Example <a href="#Simple">#</a></h4>
|
||||
<p>HTML</p>
|
||||
<pre><code data-language="html"><input id="datetimepicker" type="text" ></code></pre>
|
||||
<p><strong>javaScript</strong></p>
|
||||
<pre><code data-language="javascript">$('#datetimepicker').datetimepicker();</code></pre>
|
||||
<p><strong>Result</strong></p>
|
||||
<p><input id="_datetimepicker" type="text" value="2014/03/15 05:06" /></p>
|
||||
<script>
|
||||
$(function(){$('#_datetimepicker').datetimepicker();});
|
||||
</script>
|
||||
|
||||
<hr id="i18n"/>
|
||||
<h4>i18n DatePicker Example <a href="#i18n">#</a></h4>
|
||||
<p>All supported languages <a href="#lang">here</a></p>
|
||||
<p><strong>javaScript</strong></p>
|
||||
<pre><code data-language="javascript">$('#datetimepicker1').datetimepicker({
|
||||
lang:'de',
|
||||
i18n:{
|
||||
de:{
|
||||
months:[
|
||||
'Januar','Februar','März','April',
|
||||
'Mai','Juni','Juli','August',
|
||||
'September','Oktober','November','Dezember',
|
||||
],
|
||||
dayOfWeek:[
|
||||
"So.", "Mo", "Di", "Mi",
|
||||
"Do", "Fr", "Sa.",
|
||||
]
|
||||
}
|
||||
},
|
||||
timepicker:false,
|
||||
format:'d.m.Y'
|
||||
});</code></pre>
|
||||
<p><strong>Result</strong></p>
|
||||
<p><input id="_datetimepicker1" type="text" value="15.08.2013" /></p>
|
||||
<script>$(function(){
|
||||
$('#_datetimepicker1').datetimepicker({
|
||||
lang:'de',
|
||||
i18n:{de:{
|
||||
months:[
|
||||
'Januar','Februar','Marz','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'
|
||||
],
|
||||
dayOfWeek:["So.", "Mo", "Di", "Mi", "Do", "Fr", "Sa."]
|
||||
}},
|
||||
timepicker:false,
|
||||
format:'d.m.Y'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<hr id="TimePicker"/>
|
||||
<h4>Only TimePicker Example <a href="#TimePicker">#</a></h4>
|
||||
<p><strong>javaScript</strong></p>
|
||||
<pre><code data-language="javascript">$('#datetimepicker2').datetimepicker({
|
||||
datepicker:false,
|
||||
format:'H:i'
|
||||
});</code></pre>
|
||||
<p><strong>Result</strong></p>
|
||||
<p><input id="_datetimepicker2" type="text" value="23:16" /></p>
|
||||
<script>$(function(){
|
||||
$('#_datetimepicker2').datetimepicker({
|
||||
datepicker:false,
|
||||
format:'H:i'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<h3 id="startdateex">Date Time Picker start date <a href="#startdateex">#</a></h3>
|
||||
<p><strong>javaScript</strong></p>
|
||||
<pre><code data-language="javascript">$('#datetimepicker_start_time').datetimepicker({
|
||||
startDate:'+1971/05/01'//or 1986/12/08
|
||||
});</code></pre>
|
||||
<p><strong>Result</strong></p>
|
||||
<p><input type="text" id="datetimepicker_start_time"/></p>
|
||||
<script>$(function(){
|
||||
$('#datetimepicker_start_time').datetimepicker({
|
||||
startDate:'+1971/05/01'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<h3 id="unixtime">Date Time Picker from unixtime <a href="#unixtime">#</a></h3>
|
||||
<p><strong>javaScript</strong></p>
|
||||
<pre><code data-language="javascript">$('#datetimepicker_unixtime').datetimepicker({
|
||||
format:'unixtime'
|
||||
});</code></pre>
|
||||
<p><strong>Result</strong></p>
|
||||
<p><input type="text" id="datetimepicker_unixtime"/></p>
|
||||
<script>$(function(){
|
||||
$('#datetimepicker_unixtime').datetimepicker({
|
||||
format:'unixtime'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<hr id="Inline"/>
|
||||
<h4>Inline DateTimePicker Example <a href="#Inline">#</a></h4>
|
||||
<p><strong>javaScript</strong></p>
|
||||
<pre><code data-language="javascript">$('#datetimepicker3').datetimepicker({
|
||||
format:'d.m.Y H:i',
|
||||
inline:true,
|
||||
lang:'ru'
|
||||
});</code></pre>
|
||||
<p><strong>Result</strong></p>
|
||||
<p><input id="_datetimepicker3" type="text" value="10.12.2013 23:45" /></p>
|
||||
<script>$(function(){
|
||||
$('#_datetimepicker3').datetimepicker({
|
||||
format:'d.m.Y H:i',
|
||||
inline:true,
|
||||
lang:'en'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<hr id="trigger"/>
|
||||
<h4>Icon trigger <a href="#trigger">#</a></h4>
|
||||
<p>Click the icon next to the input field to show the datetimepicker</p>
|
||||
<p><strong>javaScript</strong></p>
|
||||
<pre><code data-language="javascript">$('#datetimepicker4').datetimepicker({
|
||||
format:'d.m.Y H:i',
|
||||
lang:'ru'
|
||||
});</code></pre>
|
||||
and handler onclick event
|
||||
<pre><code data-language="javascript">$('#image_button').click(function(){
|
||||
$('#datetimepicker4').datetimepicker('show'); //support hide,show and destroy command
|
||||
});</code></pre>
|
||||
<p><strong>Result</strong></p>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="input-group">
|
||||
<input id="_datetimepicker4" type="text" value="10.12.2013 23:45" class="form-control">
|
||||
<span class="input-group-btn">
|
||||
<button id="image_button" class="btn btn-default" type="button"><span class="glyphicon glyphicon-calendar"></span></button>
|
||||
</span>
|
||||
</div><!-- /input-group -->
|
||||
</div><!-- /.col-lg-6 -->
|
||||
</div><!-- /.row -->
|
||||
<script>$(function(){
|
||||
$('#_datetimepicker4').datetimepicker({
|
||||
format:'d.m.Y H:i',
|
||||
lang:'en'
|
||||
});
|
||||
$('#image_button').click(function(){
|
||||
$('#_datetimepicker4').datetimepicker('show');
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<hr id="allowTimes"/>
|
||||
<h4>allowTimes options TimePicker Example <a href="#allowTimes">#</a></h4>
|
||||
<p><strong>javaScript</strong></p>
|
||||
<pre><code data-language="javascript">$('#datetimepicker5').datetimepicker({
|
||||
datepicker:false,
|
||||
allowTimes:[
|
||||
'12:00', '13:00', '15:00',
|
||||
'17:00', '17:05', '17:20', '19:00', '20:00'
|
||||
]
|
||||
});</code></pre>
|
||||
<p><strong>Result</strong></p>
|
||||
<p><input id="_datetimepicker5" type="text" value="23:45" /></p>
|
||||
<script>$(function(){
|
||||
$('#_datetimepicker5').datetimepicker({
|
||||
datepicker:false,
|
||||
allowTimes:['12:00','13:00','15:00','17:00','17:05','17:20','19:00','20:00']
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<hr id="onChangeDateTime"/>
|
||||
<h4>handler onChangeDateTime Example <a href="#onChangeDateTime">#</a></h4>
|
||||
<p><strong>javaScript</strong></p>
|
||||
<pre><code data-language="javascript">$('#datetimepicker6').datetimepicker({
|
||||
timepicker:false,
|
||||
onChangeDateTime:function(dp,$input){
|
||||
alert($input.val())
|
||||
}
|
||||
});</code></pre>
|
||||
<p><strong>Result</strong></p>
|
||||
<p><input id="_datetimepicker6" type="text" value="" /></p>
|
||||
<script>$(function(){
|
||||
$('#_datetimepicker6').datetimepicker({
|
||||
timepicker:false,
|
||||
onChangeDateTime:function(current_time,$input){
|
||||
alert($input.val())
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<hr id="mindate"/>
|
||||
<h4>minDate and maxDate Example <a href="#mindate">#</a></h4>
|
||||
<p><strong>javaScript</strong></p>
|
||||
<pre><code data-language="javascript">$('#datetimepicker7').datetimepicker({
|
||||
timepicker:false,
|
||||
formatDate:'Y/m/d',
|
||||
minDate:'-1970/01/02',//yesterday is minimum date(for today use 0 or -1970/01/01)
|
||||
maxDate:'+1970/01/02'//tommorow is maximum date calendar
|
||||
});</code></pre>
|
||||
<p><strong>Result</strong></p>
|
||||
<p><input id="_datetimepicker7" type="text" value="" /></p>
|
||||
<script>$(function(){
|
||||
$('#_datetimepicker7').datetimepicker({
|
||||
timepicker:false,
|
||||
formatDate:'Y/m/d',
|
||||
minDate:'-1970/01/02', // yesterday is minimum date
|
||||
maxDate:'+1970/01/02' // and tommorow is maximum date calendar
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<hr id="mask"/>
|
||||
<h4>Use mask input Example <a href="#mask">#</a></h4>
|
||||
<p><strong>javaScript</strong></p>
|
||||
<pre><code data-language="javascript">$('#datetimepicker_mask').datetimepicker({
|
||||
timepicker:false,
|
||||
mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
|
||||
});</code></pre>
|
||||
<p><strong>Result</strong></p>
|
||||
<p><input id="_datetimepicker_mask" type="text" value="" /></p>
|
||||
<script>$(function(){
|
||||
$('#_datetimepicker_mask').datetimepicker({
|
||||
timepicker:false,
|
||||
mask:'9999/19/39',
|
||||
format:'Y/m/d'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<hr id="runtime_options"/>
|
||||
<h4>Set options runtime DateTimePicker <a href="#runtime_options">#</a></h4>
|
||||
<p>If select day is Saturday, the minimum set 11:00, otherwise 8:00</p>
|
||||
<p><strong>javaScript</strong></p>
|
||||
<pre><code data-language="javascript">var logic = function( currentDateTime ){
|
||||
// 'this' is jquery object datetimepicker
|
||||
if( currentDateTime.getDay()==6 ){
|
||||
this.setOptions({
|
||||
minTime:'11:00'
|
||||
});
|
||||
}else
|
||||
this.setOptions({
|
||||
minTime:'8:00'
|
||||
});
|
||||
};
|
||||
$('#datetimepicker_rantime').datetimepicker({
|
||||
onChangeDateTime:logic,
|
||||
onShow:logic
|
||||
});</code></pre>
|
||||
<p><strong>Result</strong></p>
|
||||
<p><input id="_datetimepicker_runtime" type="text" value="" /></p>
|
||||
<script>$(function(){
|
||||
var logic = function( currentDateTime ){
|
||||
if( currentDateTime.getDay()==6 ){
|
||||
this.setOptions({
|
||||
minTime:'11:00'
|
||||
});
|
||||
}else
|
||||
this.setOptions({
|
||||
minTime:'8:00'
|
||||
});
|
||||
};
|
||||
$('#_datetimepicker_runtime').datetimepicker({
|
||||
onChangeDateTime:logic,
|
||||
onShow:logic
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<hr id="ongenerate"/>
|
||||
<h4>After generating a calendar called the event onGenerate <a href="#ongenerate">#</a></h4>
|
||||
<p>Invert settings minDate and maxDate</p>
|
||||
<p><strong>javaScript</strong></p>
|
||||
<pre><code data-language="javascript">$('#datetimepicker8').datetimepicker({
|
||||
onGenerate:function( ct ){
|
||||
$(this).find('.xdsoft_date')
|
||||
.toggleClass('xdsoft_disabled');
|
||||
},
|
||||
minDate:'-1970/01/2',
|
||||
maxDate:'+1970/01/2',
|
||||
timepicker:false
|
||||
});</code></pre>
|
||||
<p><strong>Result</strong></p>
|
||||
<p><input id="_datetimepicker_ongenerate" type="text" value="" /></p>
|
||||
<script>$(function(){
|
||||
$('#_datetimepicker_ongenerate').datetimepicker({
|
||||
onGenerate:function( ct ){
|
||||
$(this).find('.xdsoft_date')
|
||||
.toggleClass('xdsoft_disabled');
|
||||
},
|
||||
minDate:'-1970/01/2',
|
||||
maxDate:'+1970/01/2',
|
||||
timepicker:false
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<hr id="weekends_disable"/>
|
||||
<h4>disable all weekend <a href="#weekends_disable">#</a></h4>
|
||||
<p><strong>javaScript</strong></p>
|
||||
<pre><code data-language="javascript">$('#datetimepicker9').datetimepicker({
|
||||
onGenerate:function( ct ){
|
||||
$(this).find('.xdsoft_date.xdsoft_weekend')
|
||||
.addClass('xdsoft_disabled');
|
||||
},
|
||||
weekends:['01.01.2014','02.01.2014','03.01.2014','04.01.2014','05.01.2014','06.01.2014'],
|
||||
timepicker:false
|
||||
});</code></pre>
|
||||
<p><strong>Result</strong></p>
|
||||
<p><input id="_datetimepicker_weekends_disable" type="text" value="" /></p>
|
||||
<script>$(function(){
|
||||
$('#_datetimepicker_weekends_disable').datetimepicker({
|
||||
onGenerate:function( ct ){
|
||||
$(this).find('.xdsoft_date.xdsoft_weekend')
|
||||
.addClass('xdsoft_disabled');
|
||||
},
|
||||
weekends:['01.01.2014','02.01.2014','03.01.2014','04.01.2014','05.01.2014','06.01.2014'],
|
||||
timepicker:false
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<hr id="range"/>
|
||||
<h4>Range between date<a href="#range">#</a></h4>
|
||||
<p><strong>javaScript</strong></p>
|
||||
<pre><code data-language="javascript">$(function(){
|
||||
$('#date_timepicker_start').datetimepicker({
|
||||
format:'Y/m/d',
|
||||
onShow:function( ct ){
|
||||
this.setOptions({
|
||||
maxDate:$('#date_timepicker_end').val()?$('#date_timepicker_end').val():false
|
||||
})
|
||||
},
|
||||
timepicker:false
|
||||
});
|
||||
$('#date_timepicker_end').datetimepicker({
|
||||
format:'Y/m/d',
|
||||
onShow:function( ct ){
|
||||
this.setOptions({
|
||||
minDate:$('#date_timepicker_start').val()?$('#date_timepicker_start').val():false
|
||||
})
|
||||
},
|
||||
timepicker:false
|
||||
});
|
||||
});</code></pre>
|
||||
<p><strong>Result</strong></p>
|
||||
<p>
|
||||
Start <input id="date_timepicker_start" type="text" value="" placeholder="start" />
|
||||
End <input id="date_timepicker_end" type="text" value="" placeholder="end" />
|
||||
</p>
|
||||
<script>$(function(){
|
||||
$('#date_timepicker_start').datetimepicker({
|
||||
format:'Y/m/d',
|
||||
onShow:function( ct ){
|
||||
this.setOptions({
|
||||
maxDate:$('#date_timepicker_end').val()?$('#date_timepicker_end').val():false
|
||||
})
|
||||
},
|
||||
timepicker:false
|
||||
});
|
||||
$('#date_timepicker_end').datetimepicker({
|
||||
format:'Y/m/d',
|
||||
onShow:function( ct ){
|
||||
this.setOptions({
|
||||
minDate:$('#date_timepicker_start').val()?$('#date_timepicker_start').val():false
|
||||
})
|
||||
},
|
||||
timepicker:false
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<h2>Full options list</h2>
|
||||
<table class="table table-condensed table-bordered table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="text-align: center;"><strong>Name</strong></th>
|
||||
<th style="text-align: center;"><strong> default</strong></th>
|
||||
<th style="text-align: center;"><strong>Descr</strong></th>
|
||||
<th style="width:200px;text-align: center;"><strong>Ex.</strong></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr id="lazyInit">
|
||||
<td><a href="#lazyInit">lazyInit</a></td>
|
||||
<td>false</td>
|
||||
<td>Initializing plugin occurs only when the user interacts. Greatly accelerates plugin work with a large number of fields</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr id="value">
|
||||
<td><a href="#value">value</a></td>
|
||||
<td>null</td>
|
||||
<td>Current value datetimepicker. If it is set, ignored input.value</td>
|
||||
<td>
|
||||
<pre><code data-language="javascript">{value:'12.03.2013',
|
||||
format:'d.m.Y'}</code></pre>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="lang">
|
||||
<td><a href="#lang">lang</a></td>
|
||||
<td>en</td>
|
||||
<td>Language i18n<br>
|
||||
<strong>en</strong> - English<br>
|
||||
<strong>ru</strong> - Russian<br>
|
||||
<strong>de</strong> - German<br>
|
||||
<strong>nl</strong> - Dutch<br>
|
||||
<strong>tr</strong> - Turkish<br>
|
||||
<strong>fr</strong> - French<br>
|
||||
<strong>es</strong> - Spanish<br>
|
||||
<strong>th</strong> - Thai<br>
|
||||
<strong>pl</strong> - Polish<br>
|
||||
<strong>pl</strong> - Polish<br>
|
||||
<strong>ch</strong> - Simplified Chinese<br>
|
||||
<td>
|
||||
<pre><code data-language="javascript">{lang:'ru'}</code></pre>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="format">
|
||||
<td><a href="#format">format</a></td>
|
||||
<td>Y/m/d H:i</td>
|
||||
<td>Format datetime. <a href="http://php.net/manual/ru/function.date.php" target="_blank">More</a> Also there is a special type of <a href="#unixtime"><i>«unixtime»</i></a></td>
|
||||
<td>
|
||||
<pre><code data-language="javascript">{format:'H'}
|
||||
{format:'Y'}{format:'unixtime'}</code></pre>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="formatDate">
|
||||
<td><a href="#formatDate">formatDate</a></td>
|
||||
<td>Y/m/d</td>
|
||||
<td>Format date for minDate and maxDate</td>
|
||||
<td><pre><code data-language="javascript">{formatDate:'d.m.Y'}</code></pre></td>
|
||||
</tr>
|
||||
<tr id="formatTime">
|
||||
<td><a href="#formatTime">formatTime</a></td>
|
||||
<td>H:i</td>
|
||||
<td> Similarly, formatDate . But for minTime and maxTime</td>
|
||||
<td><pre><code data-language="javascript">{formatTime:'H'}</code></pre></td>
|
||||
</tr>
|
||||
<tr id="step">
|
||||
<td><a href="#step">step</a></td>
|
||||
<td>60</td>
|
||||
<td>Step time</td>
|
||||
<td>
|
||||
<pre><code data-language="javascript">{step:5}</code></pre>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="closeOnDateSelect">
|
||||
<td><a href="#closeOnDateSelect">closeOnDateSelect</a></td>
|
||||
<td>0</td>
|
||||
<td>
|
||||
|
||||
</td>
|
||||
<td><pre><code data-language="javascript">{closeOnDateSelect:true}</code></pre></td>
|
||||
</tr>
|
||||
<tr id="closeOnWithoutClick">
|
||||
<td><a href="#closeOnWithoutClick">closeOnWithoutClick</a></td>
|
||||
<td>true</td>
|
||||
<td></td>
|
||||
<td><pre><code data-language="javascript">{ closeOnWithoutClick :false}</code></pre></td>
|
||||
</tr>
|
||||
<tr id="validateOnBlur">
|
||||
<td><a href="#validateOnBlur">validateOnBlur</a></td>
|
||||
<td>true</td>
|
||||
<td>Verify datetime value from input, when losing focus. If value is not valid datetime, then to value inserts the current datetime</td>
|
||||
<td><pre><code data-language="javascript">{ validateOnBlur:false}</code></pre></td>
|
||||
</tr>
|
||||
<tr id="timepicker">
|
||||
<td><a href="#timepicker">timepicker</a></td>
|
||||
<td>true</td>
|
||||
<td></td>
|
||||
<td><pre><code data-language="javascript">{timepicker:false}</code></pre></td>
|
||||
</tr>
|
||||
<tr id="datepicker">
|
||||
<td><a href="#datepicker">datepicker</a></td>
|
||||
<td>true</td>
|
||||
<td></td>
|
||||
<td><pre><code data-language="javascript">{datepicker:false}</code></pre></td>
|
||||
</tr>
|
||||
<tr id="minDate">
|
||||
<td><a href="#minDate">minDate</a></td>
|
||||
<td>false</td>
|
||||
<td></td>
|
||||
<td><pre><code data-language="javascript">{minDate:0} // today
|
||||
{minDate:'2013/12/03'}
|
||||
{minDate:'-1970/01/02'} // yesterday
|
||||
{minDate:'05.12.2013',formatDate:'d.m.Y'}</code></pre></td>
|
||||
</tr>
|
||||
<tr id="maxDate">
|
||||
<td><a href="#maxDate">maxDate</a></td>
|
||||
<td>false</td>
|
||||
<td></td>
|
||||
<td><pre><code data-language="javascript">{maxDate:0}
|
||||
{maxDate:'2013/12/03'}
|
||||
{maxDate:'+1970/01/02'} // tommorrow
|
||||
{maxDate:'05.12.2013',formatDate:'d.m.Y'}</code></pre></td>
|
||||
</tr>
|
||||
<tr id="startDate">
|
||||
<td><a href="#starDate">startDate</a></td>
|
||||
<td>false</td>
|
||||
<td>if input value is empty, calendar set date from this starDate</td>
|
||||
<td><pre><code data-language="javascript">{startDate:'1987/12/03'}
|
||||
{startDate:'+1970/01/02'} // tommorrow
|
||||
{startDate:'08.12.1986',formatDate:'d.m.Y'}</code></pre></td>
|
||||
</tr>
|
||||
<tr id="minTime">
|
||||
<td><a href="#minTime">minTime</a></td>
|
||||
<td>false</td>
|
||||
<td></td>
|
||||
<td><pre><code data-language="javascript">{minTime:0,}// now
|
||||
{minTime:'12:00'}
|
||||
{minTime:'13:45:34',formatTime:'H:i:s'}</code></pre></td>
|
||||
</tr>
|
||||
<tr id="maxTime">
|
||||
<td><a href="#maxTime">maxTime</a></td>
|
||||
<td>false</td>
|
||||
<td></td>
|
||||
<td><pre><code data-language="javascript">{maxTime:0,}
|
||||
{maxTime:'12:00'}
|
||||
{maxTime:'13:45:34',formatTime:'H:i:s'}</code></pre></td>
|
||||
</tr>
|
||||
<tr id="allowTimes">
|
||||
<td><a href="#allowTimes">allowTimes</a></td>
|
||||
<td>[]</td>
|
||||
<td></td>
|
||||
<td><pre><code data-language="javascript">{allowTimes:[
|
||||
'09:00',
|
||||
'11:00',
|
||||
'12:00',
|
||||
'21:00'
|
||||
]}</code></pre></td>
|
||||
</tr>
|
||||
<tr id="mask">
|
||||
<td><a href="#mask">mask</a></td>
|
||||
<td>false</td>
|
||||
<td>Use mask for input. true - automatically generates a mask on the field 'format', Digit from 0 to 9, set the highest possible digit for the value. For example: the first digit of hours can not be greater than 2, and the first digit of the minutes can not be greater than 5</td>
|
||||
<td><pre>{mask:'9999/19/39',format:'Y/m/d'}
|
||||
{mask:true,format:'Y/m/d'} // automatically generate a mask 9999/99/99
|
||||
{mask:'29:59',format:'H:i'} //
|
||||
{mask:true,format:'H:i'} //automatically generate a mask 99:99</pre></td>
|
||||
</tr>
|
||||
<tr id="opened">
|
||||
<td><a href="#opened">opened</a></td>
|
||||
<td>false</td>
|
||||
<td></td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="yearoffset">
|
||||
<td><a href="#yearoffset">yearOffset</a></td>
|
||||
<td>0</td>
|
||||
<td>Year offset for Buddhist era</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="inline">
|
||||
<td><a href="#inline">inline</a></td>
|
||||
<td>false</td>
|
||||
<td></td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="todayButton">
|
||||
<td><a href="#todayButton">todayButton</a></td>
|
||||
<td>true</td>
|
||||
<td>Show button "Go To Today"</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="defaultSelect">
|
||||
<td><a href="#defaultSelect">defaultSelect</a></td>
|
||||
<td>true</td>
|
||||
<td>Highlight the current date even if the input is empty</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="allowBlank">
|
||||
<td><a href="#allowBlank">allowBlank</a></td>
|
||||
<td>false</td>
|
||||
<td>Allow field to be empty even with the option <a href="#validateOnBlur">validateOnBlur</a> in true</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="timepickerScrollbar">
|
||||
<td><a href="#timepickerScrollbar">timepickerScrollbar</a></td>
|
||||
<td>true</td>
|
||||
<td></td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="onSelectDate">
|
||||
<td><a href="#onSelectDate">onSelectDate</a></td>
|
||||
<td>function(){}</td>
|
||||
<td></td>
|
||||
<td><pre><code data-language="javascript">onSelectDate:function(current_time,$input){
|
||||
alert(current.dateFormat('d/m/Y'))
|
||||
}</code></pre></td>
|
||||
</tr>
|
||||
<tr id="onSelectTime">
|
||||
<td><a href="#onSelectTime">onSelectTime</a></td>
|
||||
<td>function(){}</td>
|
||||
<td></td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="onChangeMonth">
|
||||
<td><a href="#onChangeMonth">onChangeMonth</a></td>
|
||||
<td>function(){}</td>
|
||||
<td></td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="onChangeDateTime">
|
||||
<td><a href="#onChangeDateTime">onChangeDateTime</a></td>
|
||||
<td>function(){}</td>
|
||||
<td></td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="onShow">
|
||||
<td><a href="#onShow">onShow</a></td>
|
||||
<td>function(){}</td>
|
||||
<td></td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="onClose">
|
||||
<td><a href="#onClose">onClose</a></td>
|
||||
<td>function(){}</td>
|
||||
<td></td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="onGenerate">
|
||||
<td><a href="#onGenerate">onGenerate</a></td>
|
||||
<td>function(){}</td>
|
||||
<td>trigger after construct calendar and timepicker</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr ="withoutCopyright">
|
||||
<td>withoutCopyright</td>
|
||||
<td>true</td>
|
||||
<td></td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="inverseButton">
|
||||
<td><a href="#inverseButton">inverseButton</a></td>
|
||||
<td>false</td>
|
||||
<td></td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="scrollMonth">
|
||||
<td><a href="#scrollMonth">scrollMonth</a></td>
|
||||
<td>true</td>
|
||||
<td></td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="scrollTime">
|
||||
<td><a href="#scrollTime">scrollTime</a></td>
|
||||
<td>true</td>
|
||||
<td></td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="scrollInput">
|
||||
<td><a href="#scrollInput">scrollInput</a></td>
|
||||
<td>true</td>
|
||||
<td></td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="hours12">
|
||||
<td><a href="#hours12">hours12</a></td>
|
||||
<td>false</td>
|
||||
<td></td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="yearStart">
|
||||
<td><a href="#yearStart">yearStart</a></td>
|
||||
<td>1950</td>
|
||||
<td>Start value for fast Year selector</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="yearEnd">
|
||||
<td><a href="#yearEnd">yearEnd</a></td>
|
||||
<td>2050</td>
|
||||
<td>End value for fast Year selector</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="roundTime">
|
||||
<td><a href="#roundTime">roundTime</a></td>
|
||||
<td>round</td>
|
||||
<td>Round time in timepicker, possible values: round, ceil, floor</td>
|
||||
<td><pre><code data-language="javascript">{roundTime:'floor'}</code></pre></td>
|
||||
</tr>
|
||||
<tr id="dayOfWeekStart">
|
||||
<td><a href="#dayOfWeekStart">dayOfWeekStart</a></td>
|
||||
<td>0</td>
|
||||
<td>
|
||||
<p>Star week DatePicker. Default Sunday - 0.</p>
|
||||
|
||||
<p>Monday - 1 ...</p>
|
||||
</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr id="className"><td>className</td><td></td><td></td><td></td></tr>
|
||||
<tr id="weekends"><td><a href="#weekends">weekends</a></td><td>[]</td><td></td><td><pre><code data-language="javascript">['01.01.2014','02.01.2014','03.01.2014','04.01.2014','05.01.2014','06.01.2014']</code></pre></td></tr>
|
||||
<tr id="id"><td>id</td><td></td><td></td><td></td></tr>
|
||||
<tr id="style"><td>style</td><td></td><td></td><td></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user