', // Element to be cloned for a trigger, null for none
showAnim: 'show', // Name of jQuery animation for popup, '' for no animation
showOptions: {}, // Options for enhanced animations
showSpeed: 'normal', // Duration of display/closure
popupContainer: null, // The element to which a popup calendar is added, null for body
alignment: 'bottom', // Alignment of popup - with nominated corner of input:
// 'top' or 'bottom' aligns depending on language direction,
// 'topLeft', 'topRight', 'bottomLeft', 'bottomRight'
fixedWeeks: false, // True to always show 6 weeks, false to only show as many as are needed
firstDay: 0, // First day of the week, 0 = Sunday, 1 = Monday, ...
calculateWeek: this.iso8601Week, // Calculate week of the year from a date, null for ISO8601
monthsToShow: 1, // How many months to show, cols or [rows, cols]
monthsOffset: 0, // How many months to offset the primary month by
monthsToStep: 1, // How many months to move when prev/next clicked
monthsToJump: 12, // How many months to move when large prev/next clicked
useMouseWheel: true, // True to use mousewheel if available, false to never use it
changeMonth: true, // True to change month/year via drop-down, false for navigation only
yearRange: 'c-0:c+5', // Range of years to show in drop-down: 'any' for direct text entry
// or 'start:end', where start/end are '+-nn' for relative to today
// or 'c+-nn' for relative to the currently selected date
// or 'nnnn' for an absolute year
shortYearCutoff: '+10', // Cutoff for two-digit year in the current century
showOtherMonths: false, // True to show dates from other months, false to not show them
selectOtherMonths: false, // True to allow selection of dates from other months too
defaultDate: null, // Date to show if no other selected
selectDefaultDate: false, // True to pre-select the default date if no other is chosen
minDate: null, // The minimum selectable date
maxDate: null, // The maximum selectable date
dateFormat: 'dd/mm/yyyy', // Format for dates
autoSize: false, // True to size the input field according to the date format
rangeSelect: false, // Allows for selecting a date range on one date picker
rangeSeparator: ' - ', // Text between two dates in a range
multiSelect: 0, // Maximum number of selectable dates, zero for single select
multiSeparator: ',', // Text between multiple dates
onDate: null, // Callback as a date is added to the datepicker
onShow: null, // Callback just before a datepicker is shown
onChangeMonthYear: null, // Callback when a new month/year is selected
onSelect: null, // Callback when a date is selected
onClose: null, // Callback when a datepicker is closed
altField: null, // Alternate field to update in synch with the datepicker
altFormat: null, // Date format for alternate field, defaults to dateFormat
constrainInput: true, // True to constrain typed input to dateFormat allowed characters
commandsAsDateFormat: false, // True to apply formatDate to the command texts
commands: this.commands // Command actions that may be added to a layout by name
};
this.regional = {
'': { // US/English
monthNames: ['January', 'February', 'March', 'April', 'May', 'June',
'July', 'August', 'September', 'October', 'November', 'December'],
monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
dateFormat: 'dd/mm/yyyy', // See options on formatDate
firstDay: 0, // The first day of the week, Sun = 0, Mon = 1, ...
renderer: this.defaultRenderer, // The rendering templates
prevText: '<Prev', // Text for the previous month command
prevStatus: 'Show the previous month', // Status text for the previous month command
prevJumpText: '<<', // Text for the previous year command
prevJumpStatus: 'Show the previous year', // Status text for the previous year command
nextText: 'Next>', // Text for the next month command
nextStatus: 'Show the next month', // Status text for the next month command
nextJumpText: '>>', // Text for the next year command
nextJumpStatus: 'Show the next year', // Status text for the next year command
currentText: 'Current', // Text for the current month command
currentStatus: 'Show the current month', // Status text for the current month command
todayText: 'Today', // Text for the today's month command
todayStatus: 'Show today\'s month', // Status text for the today's month command
clearText: 'Clear', // Text for the clear command
clearStatus: 'Clear all the dates', // Status text for the clear command
closeText: 'Close', // Text for the close command
closeStatus: 'Close the datepicker', // Status text for the close command
yearStatus: 'Change the year', // Status text for year selection
monthStatus: 'Change the month', // Status text for month selection
weekText: 'Wk', // Text for week of the year column header
weekStatus: 'Week of the year', // Status text for week of the year column header
dayStatus: 'Select DD, M d, yyyy', // Status text for selectable days
defaultStatus: 'Select a date', // Status text shown by default
isRTL: false // True if language is right-to-left
}
};
$.extend(this._defaults, this.regional['']);
this._disabled = [];
}
$.extend(Datepicker.prototype, {
dataName: 'datepick',
/* Class name added to elements to indicate already configured with datepicker. */
markerClass: 'hasDatepick',
_popupClass: 'datepick-popup', // Marker for popup division
_triggerClass: 'datepick-trigger', // Marker for trigger element
_disableClass: 'datepick-disable', // Marker for disabled element
_coverClass: 'datepick-cover', // Marker for iframe backing element
_monthYearClass: 'datepick-month-year', // Marker for month/year inputs
_curMonthClass: 'datepick-month-', // Marker for current month/year
_anyYearClass: 'datepick-any-year', // Marker for year direct input
_curDoWClass: 'datepick-dow-', // Marker for day of week
commands: { // Command actions that may be added to a layout by name
// name: { // The command name, use '{button:name}' or '{link:name}' in layouts
// text: '', // The field in the regional settings for the displayed text
// status: '', // The field in the regional settings for the status text
// // The keystroke to trigger the action
// keystroke: {keyCode: nn, ctrlKey: boolean, altKey: boolean, shiftKey: boolean},
// enabled: fn, // The function that indicates the command is enabled
// date: fn, // The function to get the date associated with this action
// action: fn} // The function that implements the action
prev: { text: 'prevText', status: 'prevStatus', // Previous month
keystroke: { keyCode: 33 }, // Page up
enabled: function (inst) {
var minDate = inst.curMinDate();
return (!minDate || $.datepick.add($.datepick.day(
$.datepick.add($.datepick.newDate(inst.drawDate),
1 - inst.get('monthsToStep') - inst.get('monthsOffset'), 'm'), 1), -1, 'd').
getTime() >= minDate.getTime());
},
date: function (inst) {
return $.datepick.day($.datepick.add($.datepick.newDate(inst.drawDate),
-inst.get('monthsToStep') - inst.get('monthsOffset'), 'm'), 1);
},
action: function (inst) {
$.datepick.changeMonth(this, -inst.get('monthsToStep'));
}
},
prevJump: { text: 'prevJumpText', status: 'prevJumpStatus', // Previous year
keystroke: { keyCode: 33, ctrlKey: true }, // Ctrl + Page up
enabled: function (inst) {
var minDate = inst.curMinDate();
return (!minDate || $.datepick.add($.datepick.day(
$.datepick.add($.datepick.newDate(inst.drawDate),
1 - inst.get('monthsToJump') - inst.get('monthsOffset'), 'm'), 1), -1, 'd').
getTime() >= minDate.getTime());
},
date: function (inst) {
return $.datepick.day($.datepick.add($.datepick.newDate(inst.drawDate),
-inst.get('monthsToJump') - inst.get('monthsOffset'), 'm'), 1);
},
action: function (inst) {
$.datepick.changeMonth(this, -inst.get('monthsToJump'));
}
},
next: { text: 'nextText', status: 'nextStatus', // Next month
keystroke: { keyCode: 34 }, // Page down
enabled: function (inst) {
var maxDate = inst.get('maxDate');
return (!maxDate || $.datepick.day($.datepick.add($.datepick.newDate(inst.drawDate),
inst.get('monthsToStep') - inst.get('monthsOffset'), 'm'), 1).
getTime() <= maxDate.getTime());
},
date: function (inst) {
return $.datepick.day($.datepick.add($.datepick.newDate(inst.drawDate),
inst.get('monthsToStep') - inst.get('monthsOffset'), 'm'), 1);
},
action: function (inst) {
$.datepick.changeMonth(this, inst.get('monthsToStep'));
}
},
nextJump: { text: 'nextJumpText', status: 'nextJumpStatus', // Next year
keystroke: { keyCode: 34, ctrlKey: true }, // Ctrl + Page down
enabled: function (inst) {
var maxDate = inst.get('maxDate');
return (!maxDate || $.datepick.day($.datepick.add($.datepick.newDate(inst.drawDate),
inst.get('monthsToJump') - inst.get('monthsOffset'), 'm'), 1).
getTime() <= maxDate.getTime());
},
date: function (inst) {
return $.datepick.day($.datepick.add($.datepick.newDate(inst.drawDate),
inst.get('monthsToJump') - inst.get('monthsOffset'), 'm'), 1);
},
action: function (inst) {
$.datepick.changeMonth(this, inst.get('monthsToJump'));
}
},
current: { text: 'currentText', status: 'currentStatus', // Current month
keystroke: { keyCode: 36, ctrlKey: true }, // Ctrl + Home
enabled: function (inst) {
var minDate = inst.curMinDate();
var maxDate = inst.get('maxDate');
var curDate = inst.selectedDates[0] || $.datepick.today();
return (!minDate || curDate.getTime() >= minDate.getTime()) &&
(!maxDate || curDate.getTime() <= maxDate.getTime());
},
date: function (inst) {
return inst.selectedDates[0] || $.datepick.today();
},
action: function (inst) {
var curDate = inst.selectedDates[0] || $.datepick.today();
$.datepick.showMonth(this, curDate.getFullYear(), curDate.getMonth() + 1);
}
},
today: { text: 'todayText', status: 'todayStatus', // Today's month
keystroke: { keyCode: 36, ctrlKey: true }, // Ctrl + Home
enabled: function (inst) {
var minDate = inst.curMinDate();
var maxDate = inst.get('maxDate');
return (!minDate || $.datepick.today().getTime() >= minDate.getTime()) &&
(!maxDate || $.datepick.today().getTime() <= maxDate.getTime());
},
date: function (inst) { return $.datepick.today(); },
action: function (inst) { $.datepick.showMonth(this); }
},
clear: { text: 'clearText', status: 'clearStatus', // Clear the datepicker
keystroke: { keyCode: 35, ctrlKey: true }, // Ctrl + End
enabled: function (inst) { return true; },
date: function (inst) { return null; },
action: function (inst) { $.datepick.clear(this); }
},
close: { text: 'closeText', status: 'closeStatus', // Close the datepicker
keystroke: { keyCode: 27 }, // Escape
enabled: function (inst) { return true; },
date: function (inst) { return null; },
action: function (inst) { $.datepick.hide(this); }
},
prevWeek: { text: 'prevWeekText', status: 'prevWeekStatus', // Previous week
keystroke: { keyCode: 38, ctrlKey: true }, // Ctrl + Up
enabled: function (inst) {
var minDate = inst.curMinDate();
return (!minDate || $.datepick.add($.datepick.newDate(inst.drawDate), -7, 'd').
getTime() >= minDate.getTime());
},
date: function (inst) { return $.datepick.add($.datepick.newDate(inst.drawDate), -7, 'd'); },
action: function (inst) { $.datepick.changeDay(this, -7); }
},
prevDay: { text: 'prevDayText', status: 'prevDayStatus', // Previous day
keystroke: { keyCode: 37, ctrlKey: true }, // Ctrl + Left
enabled: function (inst) {
var minDate = inst.curMinDate();
return (!minDate || $.datepick.add($.datepick.newDate(inst.drawDate), -1, 'd').
getTime() >= minDate.getTime());
},
date: function (inst) { return $.datepick.add($.datepick.newDate(inst.drawDate), -1, 'd'); },
action: function (inst) { $.datepick.changeDay(this, -1); }
},
nextDay: { text: 'nextDayText', status: 'nextDayStatus', // Next day
keystroke: { keyCode: 39, ctrlKey: true }, // Ctrl + Right
enabled: function (inst) {
var maxDate = inst.get('maxDate');
return (!maxDate || $.datepick.add($.datepick.newDate(inst.drawDate), 1, 'd').
getTime() <= maxDate.getTime());
},
date: function (inst) { return $.datepick.add($.datepick.newDate(inst.drawDate), 1, 'd'); },
action: function (inst) { $.datepick.changeDay(this, 1); }
},
nextWeek: { text: 'nextWeekText', status: 'nextWeekStatus', // Next week
keystroke: { keyCode: 40, ctrlKey: true }, // Ctrl + Down
enabled: function (inst) {
var maxDate = inst.get('maxDate');
return (!maxDate || $.datepick.add($.datepick.newDate(inst.drawDate), 7, 'd').
getTime() <= maxDate.getTime());
},
date: function (inst) { return $.datepick.add($.datepick.newDate(inst.drawDate), 7, 'd'); },
action: function (inst) { $.datepick.changeDay(this, 7); }
}
},
/* Default template for generating a datepicker. */
defaultRenderer: {
// Anywhere: '{l10n:name}' to insert localised value for name,
// '{link:name}' to insert a link trigger for command name,
// '{button:name}' to insert a button trigger for command name,
// '{popup:start}...{popup:end}' to mark a section for inclusion in a popup datepicker only,
// '{inline:start}...{inline:end}' to mark a section for inclusion in an inline datepicker only
// Overall structure: '{months}' to insert calendar months
picker: '