3195 lines
84 KiB
JavaScript
3195 lines
84 KiB
JavaScript
|
/*! jQuery Timepicker Addon - v1.6.3 - 2016-04-20
|
||
|
* http://trentrichardson.com/examples/timepicker
|
||
|
* Copyright (c) 2016 Trent Richardson; Licensed MIT */
|
||
|
( function ( factory ) {
|
||
|
if ( typeof define === 'function' && define.amd ) {
|
||
|
define( [ 'jquery', 'jquery-ui' ], factory );
|
||
|
} else {
|
||
|
factory( jQuery );
|
||
|
}
|
||
|
} )( function ( $ ) {
|
||
|
/*
|
||
|
* Lets not redefine timepicker, Prevent "Uncaught RangeError: Maximum call stack size exceeded"
|
||
|
*/
|
||
|
$.ui.timepicker = $.ui.timepicker || {};
|
||
|
if ( $.ui.timepicker.version ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
/*
|
||
|
* Extend jQueryUI, get it started with our version number
|
||
|
*/
|
||
|
$.extend( $.ui, {
|
||
|
timepicker: {
|
||
|
version: '1.6.3',
|
||
|
},
|
||
|
} );
|
||
|
|
||
|
/*
|
||
|
* Timepicker manager.
|
||
|
* Use the singleton instance of this class, $.timepicker, to interact with the time picker.
|
||
|
* Settings for (groups of) time pickers are maintained in an instance object,
|
||
|
* allowing multiple different settings on the same page.
|
||
|
*/
|
||
|
var Timepicker = function () {
|
||
|
this.regional = []; // Available regional settings, indexed by language code
|
||
|
this.regional[ '' ] = {
|
||
|
// Default regional settings
|
||
|
currentText: 'Now',
|
||
|
closeText: 'Done',
|
||
|
amNames: [ 'AM', 'A' ],
|
||
|
pmNames: [ 'PM', 'P' ],
|
||
|
timeFormat: 'HH:mm',
|
||
|
timeSuffix: '',
|
||
|
timeOnlyTitle: 'Choose Time',
|
||
|
timeText: 'Time',
|
||
|
hourText: 'Hour',
|
||
|
minuteText: 'Minute',
|
||
|
secondText: 'Second',
|
||
|
millisecText: 'Millisecond',
|
||
|
microsecText: 'Microsecond',
|
||
|
timezoneText: 'Time Zone',
|
||
|
isRTL: false,
|
||
|
};
|
||
|
this._defaults = {
|
||
|
// Global defaults for all the datetime picker instances
|
||
|
showButtonPanel: true,
|
||
|
timeOnly: false,
|
||
|
timeOnlyShowDate: false,
|
||
|
showHour: null,
|
||
|
showMinute: null,
|
||
|
showSecond: null,
|
||
|
showMillisec: null,
|
||
|
showMicrosec: null,
|
||
|
showTimezone: null,
|
||
|
showTime: true,
|
||
|
stepHour: 1,
|
||
|
stepMinute: 1,
|
||
|
stepSecond: 1,
|
||
|
stepMillisec: 1,
|
||
|
stepMicrosec: 1,
|
||
|
hour: 0,
|
||
|
minute: 0,
|
||
|
second: 0,
|
||
|
millisec: 0,
|
||
|
microsec: 0,
|
||
|
timezone: null,
|
||
|
hourMin: 0,
|
||
|
minuteMin: 0,
|
||
|
secondMin: 0,
|
||
|
millisecMin: 0,
|
||
|
microsecMin: 0,
|
||
|
hourMax: 23,
|
||
|
minuteMax: 59,
|
||
|
secondMax: 59,
|
||
|
millisecMax: 999,
|
||
|
microsecMax: 999,
|
||
|
minDateTime: null,
|
||
|
maxDateTime: null,
|
||
|
maxTime: null,
|
||
|
minTime: null,
|
||
|
onSelect: null,
|
||
|
hourGrid: 0,
|
||
|
minuteGrid: 0,
|
||
|
secondGrid: 0,
|
||
|
millisecGrid: 0,
|
||
|
microsecGrid: 0,
|
||
|
alwaysSetTime: true,
|
||
|
separator: ' ',
|
||
|
altFieldTimeOnly: true,
|
||
|
altTimeFormat: null,
|
||
|
altSeparator: null,
|
||
|
altTimeSuffix: null,
|
||
|
altRedirectFocus: true,
|
||
|
pickerTimeFormat: null,
|
||
|
pickerTimeSuffix: null,
|
||
|
showTimepicker: true,
|
||
|
timezoneList: null,
|
||
|
addSliderAccess: false,
|
||
|
sliderAccessArgs: null,
|
||
|
controlType: 'slider',
|
||
|
oneLine: false,
|
||
|
defaultValue: null,
|
||
|
parse: 'strict',
|
||
|
afterInject: null,
|
||
|
};
|
||
|
$.extend( this._defaults, this.regional[ '' ] );
|
||
|
};
|
||
|
|
||
|
$.extend( Timepicker.prototype, {
|
||
|
$input: null,
|
||
|
$altInput: null,
|
||
|
$timeObj: null,
|
||
|
inst: null,
|
||
|
hour_slider: null,
|
||
|
minute_slider: null,
|
||
|
second_slider: null,
|
||
|
millisec_slider: null,
|
||
|
microsec_slider: null,
|
||
|
timezone_select: null,
|
||
|
maxTime: null,
|
||
|
minTime: null,
|
||
|
hour: 0,
|
||
|
minute: 0,
|
||
|
second: 0,
|
||
|
millisec: 0,
|
||
|
microsec: 0,
|
||
|
timezone: null,
|
||
|
hourMinOriginal: null,
|
||
|
minuteMinOriginal: null,
|
||
|
secondMinOriginal: null,
|
||
|
millisecMinOriginal: null,
|
||
|
microsecMinOriginal: null,
|
||
|
hourMaxOriginal: null,
|
||
|
minuteMaxOriginal: null,
|
||
|
secondMaxOriginal: null,
|
||
|
millisecMaxOriginal: null,
|
||
|
microsecMaxOriginal: null,
|
||
|
ampm: '',
|
||
|
formattedDate: '',
|
||
|
formattedTime: '',
|
||
|
formattedDateTime: '',
|
||
|
timezoneList: null,
|
||
|
units: [ 'hour', 'minute', 'second', 'millisec', 'microsec' ],
|
||
|
support: {},
|
||
|
control: null,
|
||
|
|
||
|
/*
|
||
|
* Override the default settings for all instances of the time picker.
|
||
|
* @param {Object} settings object - the new settings to use as defaults (anonymous object)
|
||
|
* @return {Object} the manager object
|
||
|
*/
|
||
|
setDefaults: function ( settings ) {
|
||
|
extendRemove( this._defaults, settings || {} );
|
||
|
return this;
|
||
|
},
|
||
|
|
||
|
/*
|
||
|
* Create a new Timepicker instance
|
||
|
*/
|
||
|
_newInst: function ( $input, opts ) {
|
||
|
var tp_inst = new Timepicker(),
|
||
|
inlineSettings = {},
|
||
|
fns = {},
|
||
|
overrides,
|
||
|
i;
|
||
|
|
||
|
for ( var attrName in this._defaults ) {
|
||
|
if ( this._defaults.hasOwnProperty( attrName ) ) {
|
||
|
var attrValue = $input.attr( 'time:' + attrName );
|
||
|
if ( attrValue ) {
|
||
|
try {
|
||
|
inlineSettings[ attrName ] = eval( attrValue );
|
||
|
} catch ( err ) {
|
||
|
inlineSettings[ attrName ] = attrValue;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
overrides = {
|
||
|
beforeShow: function ( input, dp_inst ) {
|
||
|
if ( $.isFunction( tp_inst._defaults.evnts.beforeShow ) ) {
|
||
|
return tp_inst._defaults.evnts.beforeShow.call(
|
||
|
$input[ 0 ],
|
||
|
input,
|
||
|
dp_inst,
|
||
|
tp_inst
|
||
|
);
|
||
|
}
|
||
|
},
|
||
|
onChangeMonthYear: function ( year, month, dp_inst ) {
|
||
|
// Update the time as well : this prevents the time from disappearing from the $input field.
|
||
|
// tp_inst._updateDateTime(dp_inst);
|
||
|
if (
|
||
|
$.isFunction(
|
||
|
tp_inst._defaults.evnts.onChangeMonthYear
|
||
|
)
|
||
|
) {
|
||
|
tp_inst._defaults.evnts.onChangeMonthYear.call(
|
||
|
$input[ 0 ],
|
||
|
year,
|
||
|
month,
|
||
|
dp_inst,
|
||
|
tp_inst
|
||
|
);
|
||
|
}
|
||
|
},
|
||
|
onClose: function ( dateText, dp_inst ) {
|
||
|
if ( tp_inst.timeDefined === true && $input.val() !== '' ) {
|
||
|
tp_inst._updateDateTime( dp_inst );
|
||
|
}
|
||
|
if ( $.isFunction( tp_inst._defaults.evnts.onClose ) ) {
|
||
|
tp_inst._defaults.evnts.onClose.call(
|
||
|
$input[ 0 ],
|
||
|
dateText,
|
||
|
dp_inst,
|
||
|
tp_inst
|
||
|
);
|
||
|
}
|
||
|
},
|
||
|
};
|
||
|
for ( i in overrides ) {
|
||
|
if ( overrides.hasOwnProperty( i ) ) {
|
||
|
fns[ i ] = opts[ i ] || this._defaults[ i ] || null;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
tp_inst._defaults = $.extend(
|
||
|
{},
|
||
|
this._defaults,
|
||
|
inlineSettings,
|
||
|
opts,
|
||
|
overrides,
|
||
|
{
|
||
|
evnts: fns,
|
||
|
timepicker: tp_inst, // add timepicker as a property of datepicker: $.datepicker._get(dp_inst, 'timepicker');
|
||
|
}
|
||
|
);
|
||
|
tp_inst.amNames = $.map(
|
||
|
tp_inst._defaults.amNames,
|
||
|
function ( val ) {
|
||
|
return val.toUpperCase();
|
||
|
}
|
||
|
);
|
||
|
tp_inst.pmNames = $.map(
|
||
|
tp_inst._defaults.pmNames,
|
||
|
function ( val ) {
|
||
|
return val.toUpperCase();
|
||
|
}
|
||
|
);
|
||
|
|
||
|
// detect which units are supported
|
||
|
tp_inst.support = detectSupport(
|
||
|
tp_inst._defaults.timeFormat +
|
||
|
( tp_inst._defaults.pickerTimeFormat
|
||
|
? tp_inst._defaults.pickerTimeFormat
|
||
|
: '' ) +
|
||
|
( tp_inst._defaults.altTimeFormat
|
||
|
? tp_inst._defaults.altTimeFormat
|
||
|
: '' )
|
||
|
);
|
||
|
|
||
|
// controlType is string - key to our this._controls
|
||
|
if ( typeof tp_inst._defaults.controlType === 'string' ) {
|
||
|
if (
|
||
|
tp_inst._defaults.controlType === 'slider' &&
|
||
|
typeof $.ui.slider === 'undefined'
|
||
|
) {
|
||
|
tp_inst._defaults.controlType = 'select';
|
||
|
}
|
||
|
tp_inst.control =
|
||
|
tp_inst._controls[ tp_inst._defaults.controlType ];
|
||
|
}
|
||
|
// controlType is an object and must implement create, options, value methods
|
||
|
else {
|
||
|
tp_inst.control = tp_inst._defaults.controlType;
|
||
|
}
|
||
|
|
||
|
// prep the timezone options
|
||
|
var timezoneList = [
|
||
|
-720,
|
||
|
-660,
|
||
|
-600,
|
||
|
-570,
|
||
|
-540,
|
||
|
-480,
|
||
|
-420,
|
||
|
-360,
|
||
|
-300,
|
||
|
-270,
|
||
|
-240,
|
||
|
-210,
|
||
|
-180,
|
||
|
-120,
|
||
|
-60,
|
||
|
0,
|
||
|
60,
|
||
|
120,
|
||
|
180,
|
||
|
210,
|
||
|
240,
|
||
|
270,
|
||
|
300,
|
||
|
330,
|
||
|
345,
|
||
|
360,
|
||
|
390,
|
||
|
420,
|
||
|
480,
|
||
|
525,
|
||
|
540,
|
||
|
570,
|
||
|
600,
|
||
|
630,
|
||
|
660,
|
||
|
690,
|
||
|
720,
|
||
|
765,
|
||
|
780,
|
||
|
840,
|
||
|
];
|
||
|
if ( tp_inst._defaults.timezoneList !== null ) {
|
||
|
timezoneList = tp_inst._defaults.timezoneList;
|
||
|
}
|
||
|
var tzl = timezoneList.length,
|
||
|
tzi = 0,
|
||
|
tzv = null;
|
||
|
if ( tzl > 0 && typeof timezoneList[ 0 ] !== 'object' ) {
|
||
|
for ( ; tzi < tzl; tzi++ ) {
|
||
|
tzv = timezoneList[ tzi ];
|
||
|
timezoneList[ tzi ] = {
|
||
|
value: tzv,
|
||
|
label: $.timepicker.timezoneOffsetString(
|
||
|
tzv,
|
||
|
tp_inst.support.iso8601
|
||
|
),
|
||
|
};
|
||
|
}
|
||
|
}
|
||
|
tp_inst._defaults.timezoneList = timezoneList;
|
||
|
|
||
|
// set the default units
|
||
|
tp_inst.timezone =
|
||
|
tp_inst._defaults.timezone !== null
|
||
|
? $.timepicker.timezoneOffsetNumber(
|
||
|
tp_inst._defaults.timezone
|
||
|
)
|
||
|
: new Date().getTimezoneOffset() * -1;
|
||
|
tp_inst.hour =
|
||
|
tp_inst._defaults.hour < tp_inst._defaults.hourMin
|
||
|
? tp_inst._defaults.hourMin
|
||
|
: tp_inst._defaults.hour > tp_inst._defaults.hourMax
|
||
|
? tp_inst._defaults.hourMax
|
||
|
: tp_inst._defaults.hour;
|
||
|
tp_inst.minute =
|
||
|
tp_inst._defaults.minute < tp_inst._defaults.minuteMin
|
||
|
? tp_inst._defaults.minuteMin
|
||
|
: tp_inst._defaults.minute > tp_inst._defaults.minuteMax
|
||
|
? tp_inst._defaults.minuteMax
|
||
|
: tp_inst._defaults.minute;
|
||
|
tp_inst.second =
|
||
|
tp_inst._defaults.second < tp_inst._defaults.secondMin
|
||
|
? tp_inst._defaults.secondMin
|
||
|
: tp_inst._defaults.second > tp_inst._defaults.secondMax
|
||
|
? tp_inst._defaults.secondMax
|
||
|
: tp_inst._defaults.second;
|
||
|
tp_inst.millisec =
|
||
|
tp_inst._defaults.millisec < tp_inst._defaults.millisecMin
|
||
|
? tp_inst._defaults.millisecMin
|
||
|
: tp_inst._defaults.millisec > tp_inst._defaults.millisecMax
|
||
|
? tp_inst._defaults.millisecMax
|
||
|
: tp_inst._defaults.millisec;
|
||
|
tp_inst.microsec =
|
||
|
tp_inst._defaults.microsec < tp_inst._defaults.microsecMin
|
||
|
? tp_inst._defaults.microsecMin
|
||
|
: tp_inst._defaults.microsec > tp_inst._defaults.microsecMax
|
||
|
? tp_inst._defaults.microsecMax
|
||
|
: tp_inst._defaults.microsec;
|
||
|
tp_inst.ampm = '';
|
||
|
tp_inst.$input = $input;
|
||
|
|
||
|
if ( tp_inst._defaults.altField ) {
|
||
|
tp_inst.$altInput = $( tp_inst._defaults.altField );
|
||
|
if ( tp_inst._defaults.altRedirectFocus === true ) {
|
||
|
tp_inst.$altInput
|
||
|
.css( {
|
||
|
cursor: 'pointer',
|
||
|
} )
|
||
|
.focus( function () {
|
||
|
$input.trigger( 'focus' );
|
||
|
} );
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (
|
||
|
tp_inst._defaults.minDate === 0 ||
|
||
|
tp_inst._defaults.minDateTime === 0
|
||
|
) {
|
||
|
tp_inst._defaults.minDate = new Date();
|
||
|
}
|
||
|
if (
|
||
|
tp_inst._defaults.maxDate === 0 ||
|
||
|
tp_inst._defaults.maxDateTime === 0
|
||
|
) {
|
||
|
tp_inst._defaults.maxDate = new Date();
|
||
|
}
|
||
|
|
||
|
// datepicker needs minDate/maxDate, timepicker needs minDateTime/maxDateTime..
|
||
|
if (
|
||
|
tp_inst._defaults.minDate !== undefined &&
|
||
|
tp_inst._defaults.minDate instanceof Date
|
||
|
) {
|
||
|
tp_inst._defaults.minDateTime = new Date(
|
||
|
tp_inst._defaults.minDate.getTime()
|
||
|
);
|
||
|
}
|
||
|
if (
|
||
|
tp_inst._defaults.minDateTime !== undefined &&
|
||
|
tp_inst._defaults.minDateTime instanceof Date
|
||
|
) {
|
||
|
tp_inst._defaults.minDate = new Date(
|
||
|
tp_inst._defaults.minDateTime.getTime()
|
||
|
);
|
||
|
}
|
||
|
if (
|
||
|
tp_inst._defaults.maxDate !== undefined &&
|
||
|
tp_inst._defaults.maxDate instanceof Date
|
||
|
) {
|
||
|
tp_inst._defaults.maxDateTime = new Date(
|
||
|
tp_inst._defaults.maxDate.getTime()
|
||
|
);
|
||
|
}
|
||
|
if (
|
||
|
tp_inst._defaults.maxDateTime !== undefined &&
|
||
|
tp_inst._defaults.maxDateTime instanceof Date
|
||
|
) {
|
||
|
tp_inst._defaults.maxDate = new Date(
|
||
|
tp_inst._defaults.maxDateTime.getTime()
|
||
|
);
|
||
|
}
|
||
|
tp_inst.$input.bind( 'focus', function () {
|
||
|
tp_inst._onFocus();
|
||
|
} );
|
||
|
|
||
|
return tp_inst;
|
||
|
},
|
||
|
|
||
|
/*
|
||
|
* add our sliders to the calendar
|
||
|
*/
|
||
|
_addTimePicker: function ( dp_inst ) {
|
||
|
var currDT = $.trim(
|
||
|
this.$altInput && this._defaults.altFieldTimeOnly
|
||
|
? this.$input.val() + ' ' + this.$altInput.val()
|
||
|
: this.$input.val()
|
||
|
);
|
||
|
|
||
|
this.timeDefined = this._parseTime( currDT );
|
||
|
this._limitMinMaxDateTime( dp_inst, false );
|
||
|
this._injectTimePicker();
|
||
|
this._afterInject();
|
||
|
},
|
||
|
|
||
|
/*
|
||
|
* parse the time string from input value or _setTime
|
||
|
*/
|
||
|
_parseTime: function ( timeString, withDate ) {
|
||
|
if ( ! this.inst ) {
|
||
|
this.inst = $.datepicker._getInst( this.$input[ 0 ] );
|
||
|
}
|
||
|
|
||
|
if ( withDate || ! this._defaults.timeOnly ) {
|
||
|
var dp_dateFormat = $.datepicker._get(
|
||
|
this.inst,
|
||
|
'dateFormat'
|
||
|
);
|
||
|
try {
|
||
|
var parseRes = parseDateTimeInternal(
|
||
|
dp_dateFormat,
|
||
|
this._defaults.timeFormat,
|
||
|
timeString,
|
||
|
$.datepicker._getFormatConfig( this.inst ),
|
||
|
this._defaults
|
||
|
);
|
||
|
if ( ! parseRes.timeObj ) {
|
||
|
return false;
|
||
|
}
|
||
|
$.extend( this, parseRes.timeObj );
|
||
|
} catch ( err ) {
|
||
|
$.timepicker.log(
|
||
|
'Error parsing the date/time string: ' +
|
||
|
err +
|
||
|
'\ndate/time string = ' +
|
||
|
timeString +
|
||
|
'\ntimeFormat = ' +
|
||
|
this._defaults.timeFormat +
|
||
|
'\ndateFormat = ' +
|
||
|
dp_dateFormat
|
||
|
);
|
||
|
return false;
|
||
|
}
|
||
|
return true;
|
||
|
} else {
|
||
|
var timeObj = $.datepicker.parseTime(
|
||
|
this._defaults.timeFormat,
|
||
|
timeString,
|
||
|
this._defaults
|
||
|
);
|
||
|
if ( ! timeObj ) {
|
||
|
return false;
|
||
|
}
|
||
|
$.extend( this, timeObj );
|
||
|
return true;
|
||
|
}
|
||
|
},
|
||
|
|
||
|
/*
|
||
|
* Handle callback option after injecting timepicker
|
||
|
*/
|
||
|
_afterInject: function () {
|
||
|
var o = this.inst.settings;
|
||
|
if ( $.isFunction( o.afterInject ) ) {
|
||
|
o.afterInject.call( this );
|
||
|
}
|
||
|
},
|
||
|
|
||
|
/*
|
||
|
* generate and inject html for timepicker into ui datepicker
|
||
|
*/
|
||
|
_injectTimePicker: function () {
|
||
|
var $dp = this.inst.dpDiv,
|
||
|
o = this.inst.settings,
|
||
|
tp_inst = this,
|
||
|
litem = '',
|
||
|
uitem = '',
|
||
|
show = null,
|
||
|
max = {},
|
||
|
gridSize = {},
|
||
|
size = null,
|
||
|
i = 0,
|
||
|
l = 0;
|
||
|
|
||
|
// Prevent displaying twice
|
||
|
if (
|
||
|
$dp.find( 'div.ui-timepicker-div' ).length === 0 &&
|
||
|
o.showTimepicker
|
||
|
) {
|
||
|
var noDisplay = ' ui_tpicker_unit_hide',
|
||
|
html =
|
||
|
'<div class="ui-timepicker-div' +
|
||
|
( o.isRTL ? ' ui-timepicker-rtl' : '' ) +
|
||
|
( o.oneLine && o.controlType === 'select'
|
||
|
? ' ui-timepicker-oneLine'
|
||
|
: '' ) +
|
||
|
'"><dl>' +
|
||
|
'<dt class="ui_tpicker_time_label' +
|
||
|
( o.showTime ? '' : noDisplay ) +
|
||
|
'">' +
|
||
|
o.timeText +
|
||
|
'</dt>' +
|
||
|
'<dd class="ui_tpicker_time ' +
|
||
|
( o.showTime ? '' : noDisplay ) +
|
||
|
'"><input class="ui_tpicker_time_input" ' +
|
||
|
( o.timeInput ? '' : 'disabled' ) +
|
||
|
'/></dd>';
|
||
|
|
||
|
// Create the markup
|
||
|
for ( i = 0, l = this.units.length; i < l; i++ ) {
|
||
|
litem = this.units[ i ];
|
||
|
uitem =
|
||
|
litem.substr( 0, 1 ).toUpperCase() + litem.substr( 1 );
|
||
|
show =
|
||
|
o[ 'show' + uitem ] !== null
|
||
|
? o[ 'show' + uitem ]
|
||
|
: this.support[ litem ];
|
||
|
|
||
|
// Added by Peter Medeiros:
|
||
|
// - Figure out what the hour/minute/second max should be based on the step values.
|
||
|
// - Example: if stepMinute is 15, then minMax is 45.
|
||
|
max[ litem ] = parseInt(
|
||
|
o[ litem + 'Max' ] -
|
||
|
( ( o[ litem + 'Max' ] - o[ litem + 'Min' ] ) %
|
||
|
o[ 'step' + uitem ] ),
|
||
|
10
|
||
|
);
|
||
|
gridSize[ litem ] = 0;
|
||
|
|
||
|
html +=
|
||
|
'<dt class="ui_tpicker_' +
|
||
|
litem +
|
||
|
'_label' +
|
||
|
( show ? '' : noDisplay ) +
|
||
|
'">' +
|
||
|
o[ litem + 'Text' ] +
|
||
|
'</dt>' +
|
||
|
'<dd class="ui_tpicker_' +
|
||
|
litem +
|
||
|
( show ? '' : noDisplay ) +
|
||
|
'"><div class="ui_tpicker_' +
|
||
|
litem +
|
||
|
'_slider' +
|
||
|
( show ? '' : noDisplay ) +
|
||
|
'"></div>';
|
||
|
|
||
|
if ( show && o[ litem + 'Grid' ] > 0 ) {
|
||
|
html +=
|
||
|
'<div style="padding-left: 1px"><table class="ui-tpicker-grid-label"><tr>';
|
||
|
|
||
|
if ( litem === 'hour' ) {
|
||
|
for (
|
||
|
var h = o[ litem + 'Min' ];
|
||
|
h <= max[ litem ];
|
||
|
h += parseInt( o[ litem + 'Grid' ], 10 )
|
||
|
) {
|
||
|
gridSize[ litem ]++;
|
||
|
var tmph = $.datepicker.formatTime(
|
||
|
this.support.ampm ? 'hht' : 'HH',
|
||
|
{ hour: h },
|
||
|
o
|
||
|
);
|
||
|
html +=
|
||
|
'<td data-for="' +
|
||
|
litem +
|
||
|
'">' +
|
||
|
tmph +
|
||
|
'</td>';
|
||
|
}
|
||
|
} else {
|
||
|
for (
|
||
|
var m = o[ litem + 'Min' ];
|
||
|
m <= max[ litem ];
|
||
|
m += parseInt( o[ litem + 'Grid' ], 10 )
|
||
|
) {
|
||
|
gridSize[ litem ]++;
|
||
|
html +=
|
||
|
'<td data-for="' +
|
||
|
litem +
|
||
|
'">' +
|
||
|
( m < 10 ? '0' : '' ) +
|
||
|
m +
|
||
|
'</td>';
|
||
|
}
|
||
|
}
|
||
|
|
||
|
html += '</tr></table></div>';
|
||
|
}
|
||
|
html += '</dd>';
|
||
|
}
|
||
|
|
||
|
// Timezone
|
||
|
var showTz =
|
||
|
o.showTimezone !== null
|
||
|
? o.showTimezone
|
||
|
: this.support.timezone;
|
||
|
html +=
|
||
|
'<dt class="ui_tpicker_timezone_label' +
|
||
|
( showTz ? '' : noDisplay ) +
|
||
|
'">' +
|
||
|
o.timezoneText +
|
||
|
'</dt>';
|
||
|
html +=
|
||
|
'<dd class="ui_tpicker_timezone' +
|
||
|
( showTz ? '' : noDisplay ) +
|
||
|
'"></dd>';
|
||
|
|
||
|
// Create the elements from string
|
||
|
html += '</dl></div>';
|
||
|
var $tp = $( html );
|
||
|
|
||
|
// if we only want time picker...
|
||
|
if ( o.timeOnly === true ) {
|
||
|
$tp.prepend(
|
||
|
'<div class="ui-widget-header ui-helper-clearfix ui-corner-all">' +
|
||
|
'<div class="ui-datepicker-title">' +
|
||
|
o.timeOnlyTitle +
|
||
|
'</div>' +
|
||
|
'</div>'
|
||
|
);
|
||
|
$dp.find(
|
||
|
'.ui-datepicker-header, .ui-datepicker-calendar'
|
||
|
).hide();
|
||
|
}
|
||
|
|
||
|
// add sliders, adjust grids, add events
|
||
|
for ( i = 0, l = tp_inst.units.length; i < l; i++ ) {
|
||
|
litem = tp_inst.units[ i ];
|
||
|
uitem =
|
||
|
litem.substr( 0, 1 ).toUpperCase() + litem.substr( 1 );
|
||
|
show =
|
||
|
o[ 'show' + uitem ] !== null
|
||
|
? o[ 'show' + uitem ]
|
||
|
: this.support[ litem ];
|
||
|
|
||
|
// add the slider
|
||
|
tp_inst[ litem + '_slider' ] = tp_inst.control.create(
|
||
|
tp_inst,
|
||
|
$tp.find( '.ui_tpicker_' + litem + '_slider' ),
|
||
|
litem,
|
||
|
tp_inst[ litem ],
|
||
|
o[ litem + 'Min' ],
|
||
|
max[ litem ],
|
||
|
o[ 'step' + uitem ]
|
||
|
);
|
||
|
|
||
|
// adjust the grid and add click event
|
||
|
if ( show && o[ litem + 'Grid' ] > 0 ) {
|
||
|
size =
|
||
|
( 100 * gridSize[ litem ] * o[ litem + 'Grid' ] ) /
|
||
|
( max[ litem ] - o[ litem + 'Min' ] );
|
||
|
$tp.find( '.ui_tpicker_' + litem + ' table' )
|
||
|
.css( {
|
||
|
width: size + '%',
|
||
|
marginLeft: o.isRTL
|
||
|
? '0'
|
||
|
: size / ( -2 * gridSize[ litem ] ) + '%',
|
||
|
marginRight: o.isRTL
|
||
|
? size / ( -2 * gridSize[ litem ] ) + '%'
|
||
|
: '0',
|
||
|
borderCollapse: 'collapse',
|
||
|
} )
|
||
|
.find( 'td' )
|
||
|
.click( function ( e ) {
|
||
|
var $t = $( this ),
|
||
|
h = $t.html(),
|
||
|
n = parseInt( h.replace( /[^0-9]/g ), 10 ),
|
||
|
ap = h.replace( /[^apm]/gi ),
|
||
|
f = $t.data( 'for' ); // loses scope, so we use data-for
|
||
|
|
||
|
if ( f === 'hour' ) {
|
||
|
if ( ap.indexOf( 'p' ) !== -1 && n < 12 ) {
|
||
|
n += 12;
|
||
|
} else {
|
||
|
if (
|
||
|
ap.indexOf( 'a' ) !== -1 &&
|
||
|
n === 12
|
||
|
) {
|
||
|
n = 0;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
tp_inst.control.value(
|
||
|
tp_inst,
|
||
|
tp_inst[ f + '_slider' ],
|
||
|
litem,
|
||
|
n
|
||
|
);
|
||
|
|
||
|
tp_inst._onTimeChange();
|
||
|
tp_inst._onSelectHandler();
|
||
|
} )
|
||
|
.css( {
|
||
|
cursor: 'pointer',
|
||
|
width: 100 / gridSize[ litem ] + '%',
|
||
|
textAlign: 'center',
|
||
|
overflow: 'hidden',
|
||
|
} );
|
||
|
} // end if grid > 0
|
||
|
} // end for loop
|
||
|
|
||
|
// Add timezone options
|
||
|
this.timezone_select = $tp
|
||
|
.find( '.ui_tpicker_timezone' )
|
||
|
.append( '<select></select>' )
|
||
|
.find( 'select' );
|
||
|
$.fn.append.apply(
|
||
|
this.timezone_select,
|
||
|
$.map( o.timezoneList, function ( val, idx ) {
|
||
|
return $( '<option />' )
|
||
|
.val( typeof val === 'object' ? val.value : val )
|
||
|
.text( typeof val === 'object' ? val.label : val );
|
||
|
} )
|
||
|
);
|
||
|
if (
|
||
|
typeof this.timezone !== 'undefined' &&
|
||
|
this.timezone !== null &&
|
||
|
this.timezone !== ''
|
||
|
) {
|
||
|
var local_timezone =
|
||
|
new Date(
|
||
|
this.inst.selectedYear,
|
||
|
this.inst.selectedMonth,
|
||
|
this.inst.selectedDay,
|
||
|
12
|
||
|
).getTimezoneOffset() * -1;
|
||
|
if ( local_timezone === this.timezone ) {
|
||
|
selectLocalTimezone( tp_inst );
|
||
|
} else {
|
||
|
this.timezone_select.val( this.timezone );
|
||
|
}
|
||
|
} else {
|
||
|
if (
|
||
|
typeof this.hour !== 'undefined' &&
|
||
|
this.hour !== null &&
|
||
|
this.hour !== ''
|
||
|
) {
|
||
|
this.timezone_select.val( o.timezone );
|
||
|
} else {
|
||
|
selectLocalTimezone( tp_inst );
|
||
|
}
|
||
|
}
|
||
|
this.timezone_select.change( function () {
|
||
|
tp_inst._onTimeChange();
|
||
|
tp_inst._onSelectHandler();
|
||
|
tp_inst._afterInject();
|
||
|
} );
|
||
|
// End timezone options
|
||
|
|
||
|
// inject timepicker into datepicker
|
||
|
var $buttonPanel = $dp.find( '.ui-datepicker-buttonpane' );
|
||
|
if ( $buttonPanel.length ) {
|
||
|
$buttonPanel.before( $tp );
|
||
|
} else {
|
||
|
$dp.append( $tp );
|
||
|
}
|
||
|
|
||
|
this.$timeObj = $tp.find( '.ui_tpicker_time_input' );
|
||
|
this.$timeObj.change( function () {
|
||
|
var timeFormat = tp_inst.inst.settings.timeFormat;
|
||
|
var parsedTime = $.datepicker.parseTime(
|
||
|
timeFormat,
|
||
|
this.value
|
||
|
);
|
||
|
var update = new Date();
|
||
|
if ( parsedTime ) {
|
||
|
update.setHours( parsedTime.hour );
|
||
|
update.setMinutes( parsedTime.minute );
|
||
|
update.setSeconds( parsedTime.second );
|
||
|
$.datepicker._setTime( tp_inst.inst, update );
|
||
|
} else {
|
||
|
this.value = tp_inst.formattedTime;
|
||
|
this.blur();
|
||
|
}
|
||
|
} );
|
||
|
|
||
|
if ( this.inst !== null ) {
|
||
|
var timeDefined = this.timeDefined;
|
||
|
this._onTimeChange();
|
||
|
this.timeDefined = timeDefined;
|
||
|
}
|
||
|
|
||
|
// slideAccess integration: http://trentrichardson.com/2011/11/11/jquery-ui-sliders-and-touch-accessibility/
|
||
|
if ( this._defaults.addSliderAccess ) {
|
||
|
var sliderAccessArgs = this._defaults.sliderAccessArgs,
|
||
|
rtl = this._defaults.isRTL;
|
||
|
sliderAccessArgs.isRTL = rtl;
|
||
|
|
||
|
setTimeout( function () {
|
||
|
// fix for inline mode
|
||
|
if ( $tp.find( '.ui-slider-access' ).length === 0 ) {
|
||
|
$tp.find( '.ui-slider:visible' ).sliderAccess(
|
||
|
sliderAccessArgs
|
||
|
);
|
||
|
|
||
|
// fix any grids since sliders are shorter
|
||
|
var sliderAccessWidth = $tp
|
||
|
.find( '.ui-slider-access:eq(0)' )
|
||
|
.outerWidth( true );
|
||
|
if ( sliderAccessWidth ) {
|
||
|
$tp.find( 'table:visible' ).each( function () {
|
||
|
var $g = $( this ),
|
||
|
oldWidth = $g.outerWidth(),
|
||
|
oldMarginLeft = $g
|
||
|
.css(
|
||
|
rtl
|
||
|
? 'marginRight'
|
||
|
: 'marginLeft'
|
||
|
)
|
||
|
.toString()
|
||
|
.replace( '%', '' ),
|
||
|
newWidth = oldWidth - sliderAccessWidth,
|
||
|
newMarginLeft =
|
||
|
( oldMarginLeft * newWidth ) /
|
||
|
oldWidth +
|
||
|
'%',
|
||
|
css = {
|
||
|
width: newWidth,
|
||
|
marginRight: 0,
|
||
|
marginLeft: 0,
|
||
|
};
|
||
|
css[
|
||
|
rtl ? 'marginRight' : 'marginLeft'
|
||
|
] = newMarginLeft;
|
||
|
$g.css( css );
|
||
|
} );
|
||
|
}
|
||
|
}
|
||
|
}, 10 );
|
||
|
}
|
||
|
// end slideAccess integration
|
||
|
|
||
|
tp_inst._limitMinMaxDateTime( this.inst, true );
|
||
|
}
|
||
|
},
|
||
|
|
||
|
/*
|
||
|
* This function tries to limit the ability to go outside the
|
||
|
* min/max date range
|
||
|
*/
|
||
|
_limitMinMaxDateTime: function ( dp_inst, adjustSliders ) {
|
||
|
var o = this._defaults,
|
||
|
dp_date = new Date(
|
||
|
dp_inst.selectedYear,
|
||
|
dp_inst.selectedMonth,
|
||
|
dp_inst.selectedDay
|
||
|
);
|
||
|
|
||
|
if ( ! this._defaults.showTimepicker ) {
|
||
|
return;
|
||
|
} // No time so nothing to check here
|
||
|
|
||
|
if (
|
||
|
$.datepicker._get( dp_inst, 'minDateTime' ) !== null &&
|
||
|
$.datepicker._get( dp_inst, 'minDateTime' ) !== undefined &&
|
||
|
dp_date
|
||
|
) {
|
||
|
var minDateTime = $.datepicker._get( dp_inst, 'minDateTime' ),
|
||
|
minDateTimeDate = new Date(
|
||
|
minDateTime.getFullYear(),
|
||
|
minDateTime.getMonth(),
|
||
|
minDateTime.getDate(),
|
||
|
0,
|
||
|
0,
|
||
|
0,
|
||
|
0
|
||
|
);
|
||
|
|
||
|
if (
|
||
|
this.hourMinOriginal === null ||
|
||
|
this.minuteMinOriginal === null ||
|
||
|
this.secondMinOriginal === null ||
|
||
|
this.millisecMinOriginal === null ||
|
||
|
this.microsecMinOriginal === null
|
||
|
) {
|
||
|
this.hourMinOriginal = o.hourMin;
|
||
|
this.minuteMinOriginal = o.minuteMin;
|
||
|
this.secondMinOriginal = o.secondMin;
|
||
|
this.millisecMinOriginal = o.millisecMin;
|
||
|
this.microsecMinOriginal = o.microsecMin;
|
||
|
}
|
||
|
|
||
|
if (
|
||
|
dp_inst.settings.timeOnly ||
|
||
|
minDateTimeDate.getTime() === dp_date.getTime()
|
||
|
) {
|
||
|
this._defaults.hourMin = minDateTime.getHours();
|
||
|
if ( this.hour <= this._defaults.hourMin ) {
|
||
|
this.hour = this._defaults.hourMin;
|
||
|
this._defaults.minuteMin = minDateTime.getMinutes();
|
||
|
if ( this.minute <= this._defaults.minuteMin ) {
|
||
|
this.minute = this._defaults.minuteMin;
|
||
|
this._defaults.secondMin = minDateTime.getSeconds();
|
||
|
if ( this.second <= this._defaults.secondMin ) {
|
||
|
this.second = this._defaults.secondMin;
|
||
|
this._defaults.millisecMin = minDateTime.getMilliseconds();
|
||
|
if (
|
||
|
this.millisec <= this._defaults.millisecMin
|
||
|
) {
|
||
|
this.millisec = this._defaults.millisecMin;
|
||
|
this._defaults.microsecMin = minDateTime.getMicroseconds();
|
||
|
} else {
|
||
|
if (
|
||
|
this.microsec <
|
||
|
this._defaults.microsecMin
|
||
|
) {
|
||
|
this.microsec = this._defaults.microsecMin;
|
||
|
}
|
||
|
this._defaults.microsecMin = this.microsecMinOriginal;
|
||
|
}
|
||
|
} else {
|
||
|
this._defaults.millisecMin = this.millisecMinOriginal;
|
||
|
this._defaults.microsecMin = this.microsecMinOriginal;
|
||
|
}
|
||
|
} else {
|
||
|
this._defaults.secondMin = this.secondMinOriginal;
|
||
|
this._defaults.millisecMin = this.millisecMinOriginal;
|
||
|
this._defaults.microsecMin = this.microsecMinOriginal;
|
||
|
}
|
||
|
} else {
|
||
|
this._defaults.minuteMin = this.minuteMinOriginal;
|
||
|
this._defaults.secondMin = this.secondMinOriginal;
|
||
|
this._defaults.millisecMin = this.millisecMinOriginal;
|
||
|
this._defaults.microsecMin = this.microsecMinOriginal;
|
||
|
}
|
||
|
} else {
|
||
|
this._defaults.hourMin = this.hourMinOriginal;
|
||
|
this._defaults.minuteMin = this.minuteMinOriginal;
|
||
|
this._defaults.secondMin = this.secondMinOriginal;
|
||
|
this._defaults.millisecMin = this.millisecMinOriginal;
|
||
|
this._defaults.microsecMin = this.microsecMinOriginal;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (
|
||
|
$.datepicker._get( dp_inst, 'maxDateTime' ) !== null &&
|
||
|
$.datepicker._get( dp_inst, 'maxDateTime' ) !== undefined &&
|
||
|
dp_date
|
||
|
) {
|
||
|
var maxDateTime = $.datepicker._get( dp_inst, 'maxDateTime' ),
|
||
|
maxDateTimeDate = new Date(
|
||
|
maxDateTime.getFullYear(),
|
||
|
maxDateTime.getMonth(),
|
||
|
maxDateTime.getDate(),
|
||
|
0,
|
||
|
0,
|
||
|
0,
|
||
|
0
|
||
|
);
|
||
|
|
||
|
if (
|
||
|
this.hourMaxOriginal === null ||
|
||
|
this.minuteMaxOriginal === null ||
|
||
|
this.secondMaxOriginal === null ||
|
||
|
this.millisecMaxOriginal === null
|
||
|
) {
|
||
|
this.hourMaxOriginal = o.hourMax;
|
||
|
this.minuteMaxOriginal = o.minuteMax;
|
||
|
this.secondMaxOriginal = o.secondMax;
|
||
|
this.millisecMaxOriginal = o.millisecMax;
|
||
|
this.microsecMaxOriginal = o.microsecMax;
|
||
|
}
|
||
|
|
||
|
if (
|
||
|
dp_inst.settings.timeOnly ||
|
||
|
maxDateTimeDate.getTime() === dp_date.getTime()
|
||
|
) {
|
||
|
this._defaults.hourMax = maxDateTime.getHours();
|
||
|
if ( this.hour >= this._defaults.hourMax ) {
|
||
|
this.hour = this._defaults.hourMax;
|
||
|
this._defaults.minuteMax = maxDateTime.getMinutes();
|
||
|
if ( this.minute >= this._defaults.minuteMax ) {
|
||
|
this.minute = this._defaults.minuteMax;
|
||
|
this._defaults.secondMax = maxDateTime.getSeconds();
|
||
|
if ( this.second >= this._defaults.secondMax ) {
|
||
|
this.second = this._defaults.secondMax;
|
||
|
this._defaults.millisecMax = maxDateTime.getMilliseconds();
|
||
|
if (
|
||
|
this.millisec >= this._defaults.millisecMax
|
||
|
) {
|
||
|
this.millisec = this._defaults.millisecMax;
|
||
|
this._defaults.microsecMax = maxDateTime.getMicroseconds();
|
||
|
} else {
|
||
|
if (
|
||
|
this.microsec >
|
||
|
this._defaults.microsecMax
|
||
|
) {
|
||
|
this.microsec = this._defaults.microsecMax;
|
||
|
}
|
||
|
this._defaults.microsecMax = this.microsecMaxOriginal;
|
||
|
}
|
||
|
} else {
|
||
|
this._defaults.millisecMax = this.millisecMaxOriginal;
|
||
|
this._defaults.microsecMax = this.microsecMaxOriginal;
|
||
|
}
|
||
|
} else {
|
||
|
this._defaults.secondMax = this.secondMaxOriginal;
|
||
|
this._defaults.millisecMax = this.millisecMaxOriginal;
|
||
|
this._defaults.microsecMax = this.microsecMaxOriginal;
|
||
|
}
|
||
|
} else {
|
||
|
this._defaults.minuteMax = this.minuteMaxOriginal;
|
||
|
this._defaults.secondMax = this.secondMaxOriginal;
|
||
|
this._defaults.millisecMax = this.millisecMaxOriginal;
|
||
|
this._defaults.microsecMax = this.microsecMaxOriginal;
|
||
|
}
|
||
|
} else {
|
||
|
this._defaults.hourMax = this.hourMaxOriginal;
|
||
|
this._defaults.minuteMax = this.minuteMaxOriginal;
|
||
|
this._defaults.secondMax = this.secondMaxOriginal;
|
||
|
this._defaults.millisecMax = this.millisecMaxOriginal;
|
||
|
this._defaults.microsecMax = this.microsecMaxOriginal;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if ( dp_inst.settings.minTime !== null ) {
|
||
|
var tempMinTime = new Date(
|
||
|
'01/01/1970 ' + dp_inst.settings.minTime
|
||
|
);
|
||
|
if ( this.hour < tempMinTime.getHours() ) {
|
||
|
this.hour = this._defaults.hourMin = tempMinTime.getHours();
|
||
|
this.minute = this._defaults.minuteMin = tempMinTime.getMinutes();
|
||
|
} else if (
|
||
|
this.hour === tempMinTime.getHours() &&
|
||
|
this.minute < tempMinTime.getMinutes()
|
||
|
) {
|
||
|
this.minute = this._defaults.minuteMin = tempMinTime.getMinutes();
|
||
|
} else {
|
||
|
if ( this._defaults.hourMin < tempMinTime.getHours() ) {
|
||
|
this._defaults.hourMin = tempMinTime.getHours();
|
||
|
this._defaults.minuteMin = tempMinTime.getMinutes();
|
||
|
} else if (
|
||
|
( this._defaults.hourMin ===
|
||
|
tempMinTime.getHours() ) ===
|
||
|
this.hour &&
|
||
|
this._defaults.minuteMin < tempMinTime.getMinutes()
|
||
|
) {
|
||
|
this._defaults.minuteMin = tempMinTime.getMinutes();
|
||
|
} else {
|
||
|
this._defaults.minuteMin = 0;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if ( dp_inst.settings.maxTime !== null ) {
|
||
|
var tempMaxTime = new Date(
|
||
|
'01/01/1970 ' + dp_inst.settings.maxTime
|
||
|
);
|
||
|
if ( this.hour > tempMaxTime.getHours() ) {
|
||
|
this.hour = this._defaults.hourMax = tempMaxTime.getHours();
|
||
|
this.minute = this._defaults.minuteMax = tempMaxTime.getMinutes();
|
||
|
} else if (
|
||
|
this.hour === tempMaxTime.getHours() &&
|
||
|
this.minute > tempMaxTime.getMinutes()
|
||
|
) {
|
||
|
this.minute = this._defaults.minuteMax = tempMaxTime.getMinutes();
|
||
|
} else {
|
||
|
if ( this._defaults.hourMax > tempMaxTime.getHours() ) {
|
||
|
this._defaults.hourMax = tempMaxTime.getHours();
|
||
|
this._defaults.minuteMax = tempMaxTime.getMinutes();
|
||
|
} else if (
|
||
|
( this._defaults.hourMax ===
|
||
|
tempMaxTime.getHours() ) ===
|
||
|
this.hour &&
|
||
|
this._defaults.minuteMax > tempMaxTime.getMinutes()
|
||
|
) {
|
||
|
this._defaults.minuteMax = tempMaxTime.getMinutes();
|
||
|
} else {
|
||
|
this._defaults.minuteMax = 59;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if ( adjustSliders !== undefined && adjustSliders === true ) {
|
||
|
var hourMax = parseInt(
|
||
|
this._defaults.hourMax -
|
||
|
( ( this._defaults.hourMax -
|
||
|
this._defaults.hourMin ) %
|
||
|
this._defaults.stepHour ),
|
||
|
10
|
||
|
),
|
||
|
minMax = parseInt(
|
||
|
this._defaults.minuteMax -
|
||
|
( ( this._defaults.minuteMax -
|
||
|
this._defaults.minuteMin ) %
|
||
|
this._defaults.stepMinute ),
|
||
|
10
|
||
|
),
|
||
|
secMax = parseInt(
|
||
|
this._defaults.secondMax -
|
||
|
( ( this._defaults.secondMax -
|
||
|
this._defaults.secondMin ) %
|
||
|
this._defaults.stepSecond ),
|
||
|
10
|
||
|
),
|
||
|
millisecMax = parseInt(
|
||
|
this._defaults.millisecMax -
|
||
|
( ( this._defaults.millisecMax -
|
||
|
this._defaults.millisecMin ) %
|
||
|
this._defaults.stepMillisec ),
|
||
|
10
|
||
|
),
|
||
|
microsecMax = parseInt(
|
||
|
this._defaults.microsecMax -
|
||
|
( ( this._defaults.microsecMax -
|
||
|
this._defaults.microsecMin ) %
|
||
|
this._defaults.stepMicrosec ),
|
||
|
10
|
||
|
);
|
||
|
|
||
|
if ( this.hour_slider ) {
|
||
|
this.control.options( this, this.hour_slider, 'hour', {
|
||
|
min: this._defaults.hourMin,
|
||
|
max: hourMax,
|
||
|
step: this._defaults.stepHour,
|
||
|
} );
|
||
|
this.control.value(
|
||
|
this,
|
||
|
this.hour_slider,
|
||
|
'hour',
|
||
|
this.hour - ( this.hour % this._defaults.stepHour )
|
||
|
);
|
||
|
}
|
||
|
if ( this.minute_slider ) {
|
||
|
this.control.options( this, this.minute_slider, 'minute', {
|
||
|
min: this._defaults.minuteMin,
|
||
|
max: minMax,
|
||
|
step: this._defaults.stepMinute,
|
||
|
} );
|
||
|
this.control.value(
|
||
|
this,
|
||
|
this.minute_slider,
|
||
|
'minute',
|
||
|
this.minute -
|
||
|
( this.minute % this._defaults.stepMinute )
|
||
|
);
|
||
|
}
|
||
|
if ( this.second_slider ) {
|
||
|
this.control.options( this, this.second_slider, 'second', {
|
||
|
min: this._defaults.secondMin,
|
||
|
max: secMax,
|
||
|
step: this._defaults.stepSecond,
|
||
|
} );
|
||
|
this.control.value(
|
||
|
this,
|
||
|
this.second_slider,
|
||
|
'second',
|
||
|
this.second -
|
||
|
( this.second % this._defaults.stepSecond )
|
||
|
);
|
||
|
}
|
||
|
if ( this.millisec_slider ) {
|
||
|
this.control.options(
|
||
|
this,
|
||
|
this.millisec_slider,
|
||
|
'millisec',
|
||
|
{
|
||
|
min: this._defaults.millisecMin,
|
||
|
max: millisecMax,
|
||
|
step: this._defaults.stepMillisec,
|
||
|
}
|
||
|
);
|
||
|
this.control.value(
|
||
|
this,
|
||
|
this.millisec_slider,
|
||
|
'millisec',
|
||
|
this.millisec -
|
||
|
( this.millisec % this._defaults.stepMillisec )
|
||
|
);
|
||
|
}
|
||
|
if ( this.microsec_slider ) {
|
||
|
this.control.options(
|
||
|
this,
|
||
|
this.microsec_slider,
|
||
|
'microsec',
|
||
|
{
|
||
|
min: this._defaults.microsecMin,
|
||
|
max: microsecMax,
|
||
|
step: this._defaults.stepMicrosec,
|
||
|
}
|
||
|
);
|
||
|
this.control.value(
|
||
|
this,
|
||
|
this.microsec_slider,
|
||
|
'microsec',
|
||
|
this.microsec -
|
||
|
( this.microsec % this._defaults.stepMicrosec )
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
|
||
|
/*
|
||
|
* when a slider moves, set the internal time...
|
||
|
* on time change is also called when the time is updated in the text field
|
||
|
*/
|
||
|
_onTimeChange: function () {
|
||
|
if ( ! this._defaults.showTimepicker ) {
|
||
|
return;
|
||
|
}
|
||
|
var hour = this.hour_slider
|
||
|
? this.control.value( this, this.hour_slider, 'hour' )
|
||
|
: false,
|
||
|
minute = this.minute_slider
|
||
|
? this.control.value( this, this.minute_slider, 'minute' )
|
||
|
: false,
|
||
|
second = this.second_slider
|
||
|
? this.control.value( this, this.second_slider, 'second' )
|
||
|
: false,
|
||
|
millisec = this.millisec_slider
|
||
|
? this.control.value(
|
||
|
this,
|
||
|
this.millisec_slider,
|
||
|
'millisec'
|
||
|
)
|
||
|
: false,
|
||
|
microsec = this.microsec_slider
|
||
|
? this.control.value(
|
||
|
this,
|
||
|
this.microsec_slider,
|
||
|
'microsec'
|
||
|
)
|
||
|
: false,
|
||
|
timezone = this.timezone_select
|
||
|
? this.timezone_select.val()
|
||
|
: false,
|
||
|
o = this._defaults,
|
||
|
pickerTimeFormat = o.pickerTimeFormat || o.timeFormat,
|
||
|
pickerTimeSuffix = o.pickerTimeSuffix || o.timeSuffix;
|
||
|
|
||
|
if ( typeof hour === 'object' ) {
|
||
|
hour = false;
|
||
|
}
|
||
|
if ( typeof minute === 'object' ) {
|
||
|
minute = false;
|
||
|
}
|
||
|
if ( typeof second === 'object' ) {
|
||
|
second = false;
|
||
|
}
|
||
|
if ( typeof millisec === 'object' ) {
|
||
|
millisec = false;
|
||
|
}
|
||
|
if ( typeof microsec === 'object' ) {
|
||
|
microsec = false;
|
||
|
}
|
||
|
if ( typeof timezone === 'object' ) {
|
||
|
timezone = false;
|
||
|
}
|
||
|
|
||
|
if ( hour !== false ) {
|
||
|
hour = parseInt( hour, 10 );
|
||
|
}
|
||
|
if ( minute !== false ) {
|
||
|
minute = parseInt( minute, 10 );
|
||
|
}
|
||
|
if ( second !== false ) {
|
||
|
second = parseInt( second, 10 );
|
||
|
}
|
||
|
if ( millisec !== false ) {
|
||
|
millisec = parseInt( millisec, 10 );
|
||
|
}
|
||
|
if ( microsec !== false ) {
|
||
|
microsec = parseInt( microsec, 10 );
|
||
|
}
|
||
|
if ( timezone !== false ) {
|
||
|
timezone = timezone.toString();
|
||
|
}
|
||
|
|
||
|
var ampm = o[ hour < 12 ? 'amNames' : 'pmNames' ][ 0 ];
|
||
|
|
||
|
// If the update was done in the input field, the input field should not be updated.
|
||
|
// If the update was done using the sliders, update the input field.
|
||
|
var hasChanged =
|
||
|
hour !== parseInt( this.hour, 10 ) || // sliders should all be numeric
|
||
|
minute !== parseInt( this.minute, 10 ) ||
|
||
|
second !== parseInt( this.second, 10 ) ||
|
||
|
millisec !== parseInt( this.millisec, 10 ) ||
|
||
|
microsec !== parseInt( this.microsec, 10 ) ||
|
||
|
( this.ampm.length > 0 &&
|
||
|
hour < 12 !==
|
||
|
( $.inArray( this.ampm.toUpperCase(), this.amNames ) !==
|
||
|
-1 ) ) ||
|
||
|
( this.timezone !== null &&
|
||
|
timezone !== this.timezone.toString() ); // could be numeric or "EST" format, so use toString()
|
||
|
|
||
|
if ( hasChanged ) {
|
||
|
if ( hour !== false ) {
|
||
|
this.hour = hour;
|
||
|
}
|
||
|
if ( minute !== false ) {
|
||
|
this.minute = minute;
|
||
|
}
|
||
|
if ( second !== false ) {
|
||
|
this.second = second;
|
||
|
}
|
||
|
if ( millisec !== false ) {
|
||
|
this.millisec = millisec;
|
||
|
}
|
||
|
if ( microsec !== false ) {
|
||
|
this.microsec = microsec;
|
||
|
}
|
||
|
if ( timezone !== false ) {
|
||
|
this.timezone = timezone;
|
||
|
}
|
||
|
|
||
|
if ( ! this.inst ) {
|
||
|
this.inst = $.datepicker._getInst( this.$input[ 0 ] );
|
||
|
}
|
||
|
|
||
|
this._limitMinMaxDateTime( this.inst, true );
|
||
|
}
|
||
|
if ( this.support.ampm ) {
|
||
|
this.ampm = ampm;
|
||
|
}
|
||
|
|
||
|
// Updates the time within the timepicker
|
||
|
this.formattedTime = $.datepicker.formatTime(
|
||
|
o.timeFormat,
|
||
|
this,
|
||
|
o
|
||
|
);
|
||
|
if ( this.$timeObj ) {
|
||
|
if ( pickerTimeFormat === o.timeFormat ) {
|
||
|
this.$timeObj.val( this.formattedTime + pickerTimeSuffix );
|
||
|
} else {
|
||
|
this.$timeObj.val(
|
||
|
$.datepicker.formatTime( pickerTimeFormat, this, o ) +
|
||
|
pickerTimeSuffix
|
||
|
);
|
||
|
}
|
||
|
/*
|
||
|
// Input loses focus when typing with picker open
|
||
|
// https://github.com/trentrichardson/jQuery-Timepicker-Addon/issues/848
|
||
|
if (this.$timeObj[0].setSelectionRange) {
|
||
|
var sPos = this.$timeObj[0].selectionStart;
|
||
|
var ePos = this.$timeObj[0].selectionEnd;
|
||
|
this.$timeObj[0].setSelectionRange(sPos, ePos);
|
||
|
}
|
||
|
*/
|
||
|
}
|
||
|
|
||
|
this.timeDefined = true;
|
||
|
if ( hasChanged ) {
|
||
|
this._updateDateTime();
|
||
|
//this.$input.focus(); // may automatically open the picker on setDate
|
||
|
}
|
||
|
},
|
||
|
|
||
|
/*
|
||
|
* call custom onSelect.
|
||
|
* bind to sliders slidestop, and grid click.
|
||
|
*/
|
||
|
_onSelectHandler: function () {
|
||
|
var onSelect =
|
||
|
this._defaults.onSelect || this.inst.settings.onSelect;
|
||
|
var inputEl = this.$input ? this.$input[ 0 ] : null;
|
||
|
if ( onSelect && inputEl ) {
|
||
|
onSelect.apply( inputEl, [ this.formattedDateTime, this ] );
|
||
|
}
|
||
|
},
|
||
|
|
||
|
/*
|
||
|
* update our input with the new date time..
|
||
|
*/
|
||
|
_updateDateTime: function ( dp_inst ) {
|
||
|
dp_inst = this.inst || dp_inst;
|
||
|
var dtTmp =
|
||
|
dp_inst.currentYear > 0
|
||
|
? new Date(
|
||
|
dp_inst.currentYear,
|
||
|
dp_inst.currentMonth,
|
||
|
dp_inst.currentDay
|
||
|
)
|
||
|
: new Date(
|
||
|
dp_inst.selectedYear,
|
||
|
dp_inst.selectedMonth,
|
||
|
dp_inst.selectedDay
|
||
|
),
|
||
|
dt = $.datepicker._daylightSavingAdjust( dtTmp ),
|
||
|
//dt = $.datepicker._daylightSavingAdjust(new Date(dp_inst.selectedYear, dp_inst.selectedMonth, dp_inst.selectedDay)),
|
||
|
//dt = $.datepicker._daylightSavingAdjust(new Date(dp_inst.currentYear, dp_inst.currentMonth, dp_inst.currentDay)),
|
||
|
dateFmt = $.datepicker._get( dp_inst, 'dateFormat' ),
|
||
|
formatCfg = $.datepicker._getFormatConfig( dp_inst ),
|
||
|
timeAvailable = dt !== null && this.timeDefined;
|
||
|
this.formattedDate = $.datepicker.formatDate(
|
||
|
dateFmt,
|
||
|
dt === null ? new Date() : dt,
|
||
|
formatCfg
|
||
|
);
|
||
|
var formattedDateTime = this.formattedDate;
|
||
|
|
||
|
// if a slider was changed but datepicker doesn't have a value yet, set it
|
||
|
if ( dp_inst.lastVal === '' ) {
|
||
|
dp_inst.currentYear = dp_inst.selectedYear;
|
||
|
dp_inst.currentMonth = dp_inst.selectedMonth;
|
||
|
dp_inst.currentDay = dp_inst.selectedDay;
|
||
|
}
|
||
|
|
||
|
/*
|
||
|
* remove following lines to force every changes in date picker to change the input value
|
||
|
* Bug descriptions: when an input field has a default value, and click on the field to pop up the date picker.
|
||
|
* If the user manually empty the value in the input field, the date picker will never change selected value.
|
||
|
*/
|
||
|
//if (dp_inst.lastVal !== undefined && (dp_inst.lastVal.length > 0 && this.$input.val().length === 0)) {
|
||
|
// return;
|
||
|
//}
|
||
|
|
||
|
if (
|
||
|
this._defaults.timeOnly === true &&
|
||
|
this._defaults.timeOnlyShowDate === false
|
||
|
) {
|
||
|
formattedDateTime = this.formattedTime;
|
||
|
} else if (
|
||
|
( this._defaults.timeOnly !== true &&
|
||
|
( this._defaults.alwaysSetTime || timeAvailable ) ) ||
|
||
|
( this._defaults.timeOnly === true &&
|
||
|
this._defaults.timeOnlyShowDate === true )
|
||
|
) {
|
||
|
formattedDateTime +=
|
||
|
this._defaults.separator +
|
||
|
this.formattedTime +
|
||
|
this._defaults.timeSuffix;
|
||
|
}
|
||
|
|
||
|
this.formattedDateTime = formattedDateTime;
|
||
|
|
||
|
if ( ! this._defaults.showTimepicker ) {
|
||
|
this.$input.val( this.formattedDate );
|
||
|
} else if (
|
||
|
this.$altInput &&
|
||
|
this._defaults.timeOnly === false &&
|
||
|
this._defaults.altFieldTimeOnly === true
|
||
|
) {
|
||
|
this.$altInput.val( this.formattedTime );
|
||
|
this.$input.val( this.formattedDate );
|
||
|
} else if ( this.$altInput ) {
|
||
|
this.$input.val( formattedDateTime );
|
||
|
var altFormattedDateTime = '',
|
||
|
altSeparator =
|
||
|
this._defaults.altSeparator !== null
|
||
|
? this._defaults.altSeparator
|
||
|
: this._defaults.separator,
|
||
|
altTimeSuffix =
|
||
|
this._defaults.altTimeSuffix !== null
|
||
|
? this._defaults.altTimeSuffix
|
||
|
: this._defaults.timeSuffix;
|
||
|
|
||
|
if ( ! this._defaults.timeOnly ) {
|
||
|
if ( this._defaults.altFormat ) {
|
||
|
altFormattedDateTime = $.datepicker.formatDate(
|
||
|
this._defaults.altFormat,
|
||
|
dt === null ? new Date() : dt,
|
||
|
formatCfg
|
||
|
);
|
||
|
} else {
|
||
|
altFormattedDateTime = this.formattedDate;
|
||
|
}
|
||
|
|
||
|
if ( altFormattedDateTime ) {
|
||
|
altFormattedDateTime += altSeparator;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if ( this._defaults.altTimeFormat !== null ) {
|
||
|
altFormattedDateTime +=
|
||
|
$.datepicker.formatTime(
|
||
|
this._defaults.altTimeFormat,
|
||
|
this,
|
||
|
this._defaults
|
||
|
) + altTimeSuffix;
|
||
|
} else {
|
||
|
altFormattedDateTime += this.formattedTime + altTimeSuffix;
|
||
|
}
|
||
|
this.$altInput.val( altFormattedDateTime );
|
||
|
} else {
|
||
|
this.$input.val( formattedDateTime );
|
||
|
}
|
||
|
|
||
|
this.$input.trigger( 'change' );
|
||
|
},
|
||
|
|
||
|
_onFocus: function () {
|
||
|
if ( ! this.$input.val() && this._defaults.defaultValue ) {
|
||
|
this.$input.val( this._defaults.defaultValue );
|
||
|
var inst = $.datepicker._getInst( this.$input.get( 0 ) ),
|
||
|
tp_inst = $.datepicker._get( inst, 'timepicker' );
|
||
|
if ( tp_inst ) {
|
||
|
if (
|
||
|
tp_inst._defaults.timeOnly &&
|
||
|
inst.input.val() !== inst.lastVal
|
||
|
) {
|
||
|
try {
|
||
|
$.datepicker._updateDatepicker( inst );
|
||
|
} catch ( err ) {
|
||
|
$.timepicker.log( err );
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
|
||
|
/*
|
||
|
* Small abstraction to control types
|
||
|
* We can add more, just be sure to follow the pattern: create, options, value
|
||
|
*/
|
||
|
_controls: {
|
||
|
// slider methods
|
||
|
slider: {
|
||
|
create: function ( tp_inst, obj, unit, val, min, max, step ) {
|
||
|
var rtl = tp_inst._defaults.isRTL; // if rtl go -60->0 instead of 0->60
|
||
|
return obj.prop( 'slide', null ).slider( {
|
||
|
orientation: 'horizontal',
|
||
|
value: rtl ? val * -1 : val,
|
||
|
min: rtl ? max * -1 : min,
|
||
|
max: rtl ? min * -1 : max,
|
||
|
step: step,
|
||
|
slide: function ( event, ui ) {
|
||
|
tp_inst.control.value(
|
||
|
tp_inst,
|
||
|
$( this ),
|
||
|
unit,
|
||
|
rtl ? ui.value * -1 : ui.value
|
||
|
);
|
||
|
tp_inst._onTimeChange();
|
||
|
},
|
||
|
stop: function ( event, ui ) {
|
||
|
tp_inst._onSelectHandler();
|
||
|
},
|
||
|
} );
|
||
|
},
|
||
|
options: function ( tp_inst, obj, unit, opts, val ) {
|
||
|
if ( tp_inst._defaults.isRTL ) {
|
||
|
if ( typeof opts === 'string' ) {
|
||
|
if ( opts === 'min' || opts === 'max' ) {
|
||
|
if ( val !== undefined ) {
|
||
|
return obj.slider( opts, val * -1 );
|
||
|
}
|
||
|
return Math.abs( obj.slider( opts ) );
|
||
|
}
|
||
|
return obj.slider( opts );
|
||
|
}
|
||
|
var min = opts.min,
|
||
|
max = opts.max;
|
||
|
opts.min = opts.max = null;
|
||
|
if ( min !== undefined ) {
|
||
|
opts.max = min * -1;
|
||
|
}
|
||
|
if ( max !== undefined ) {
|
||
|
opts.min = max * -1;
|
||
|
}
|
||
|
return obj.slider( opts );
|
||
|
}
|
||
|
if ( typeof opts === 'string' && val !== undefined ) {
|
||
|
return obj.slider( opts, val );
|
||
|
}
|
||
|
return obj.slider( opts );
|
||
|
},
|
||
|
value: function ( tp_inst, obj, unit, val ) {
|
||
|
if ( tp_inst._defaults.isRTL ) {
|
||
|
if ( val !== undefined ) {
|
||
|
return obj.slider( 'value', val * -1 );
|
||
|
}
|
||
|
return Math.abs( obj.slider( 'value' ) );
|
||
|
}
|
||
|
if ( val !== undefined ) {
|
||
|
return obj.slider( 'value', val );
|
||
|
}
|
||
|
return obj.slider( 'value' );
|
||
|
},
|
||
|
},
|
||
|
// select methods
|
||
|
select: {
|
||
|
create: function ( tp_inst, obj, unit, val, min, max, step ) {
|
||
|
var sel =
|
||
|
'<select class="ui-timepicker-select ui-state-default ui-corner-all" data-unit="' +
|
||
|
unit +
|
||
|
'" data-min="' +
|
||
|
min +
|
||
|
'" data-max="' +
|
||
|
max +
|
||
|
'" data-step="' +
|
||
|
step +
|
||
|
'">',
|
||
|
format =
|
||
|
tp_inst._defaults.pickerTimeFormat ||
|
||
|
tp_inst._defaults.timeFormat;
|
||
|
|
||
|
for ( var i = min; i <= max; i += step ) {
|
||
|
sel +=
|
||
|
'<option value="' +
|
||
|
i +
|
||
|
'"' +
|
||
|
( i === val ? ' selected' : '' ) +
|
||
|
'>';
|
||
|
if ( unit === 'hour' ) {
|
||
|
sel += $.datepicker.formatTime(
|
||
|
$.trim( format.replace( /[^ht ]/gi, '' ) ),
|
||
|
{ hour: i },
|
||
|
tp_inst._defaults
|
||
|
);
|
||
|
} else if (
|
||
|
unit === 'millisec' ||
|
||
|
unit === 'microsec' ||
|
||
|
i >= 10
|
||
|
) {
|
||
|
sel += i;
|
||
|
} else {
|
||
|
sel += '0' + i.toString();
|
||
|
}
|
||
|
sel += '</option>';
|
||
|
}
|
||
|
sel += '</select>';
|
||
|
|
||
|
obj.children( 'select' ).remove();
|
||
|
|
||
|
$( sel )
|
||
|
.appendTo( obj )
|
||
|
.change( function ( e ) {
|
||
|
tp_inst._onTimeChange();
|
||
|
tp_inst._onSelectHandler();
|
||
|
tp_inst._afterInject();
|
||
|
} );
|
||
|
|
||
|
return obj;
|
||
|
},
|
||
|
options: function ( tp_inst, obj, unit, opts, val ) {
|
||
|
var o = {},
|
||
|
$t = obj.children( 'select' );
|
||
|
if ( typeof opts === 'string' ) {
|
||
|
if ( val === undefined ) {
|
||
|
return $t.data( opts );
|
||
|
}
|
||
|
o[ opts ] = val;
|
||
|
} else {
|
||
|
o = opts;
|
||
|
}
|
||
|
return tp_inst.control.create(
|
||
|
tp_inst,
|
||
|
obj,
|
||
|
$t.data( 'unit' ),
|
||
|
$t.val(),
|
||
|
o.min >= 0 ? o.min : $t.data( 'min' ),
|
||
|
o.max || $t.data( 'max' ),
|
||
|
o.step || $t.data( 'step' )
|
||
|
);
|
||
|
},
|
||
|
value: function ( tp_inst, obj, unit, val ) {
|
||
|
var $t = obj.children( 'select' );
|
||
|
if ( val !== undefined ) {
|
||
|
return $t.val( val );
|
||
|
}
|
||
|
return $t.val();
|
||
|
},
|
||
|
},
|
||
|
}, // end _controls
|
||
|
} );
|
||
|
|
||
|
$.fn.extend( {
|
||
|
/*
|
||
|
* shorthand just to use timepicker.
|
||
|
*/
|
||
|
timepicker: function ( o ) {
|
||
|
o = o || {};
|
||
|
var tmp_args = Array.prototype.slice.call( arguments );
|
||
|
|
||
|
if ( typeof o === 'object' ) {
|
||
|
tmp_args[ 0 ] = $.extend( o, {
|
||
|
timeOnly: true,
|
||
|
} );
|
||
|
}
|
||
|
|
||
|
return $( this ).each( function () {
|
||
|
$.fn.datetimepicker.apply( $( this ), tmp_args );
|
||
|
} );
|
||
|
},
|
||
|
|
||
|
/*
|
||
|
* extend timepicker to datepicker
|
||
|
*/
|
||
|
datetimepicker: function ( o ) {
|
||
|
o = o || {};
|
||
|
var tmp_args = arguments;
|
||
|
|
||
|
if ( typeof o === 'string' ) {
|
||
|
if (
|
||
|
o === 'getDate' ||
|
||
|
( o === 'option' &&
|
||
|
tmp_args.length === 2 &&
|
||
|
typeof tmp_args[ 1 ] === 'string' )
|
||
|
) {
|
||
|
return $.fn.datepicker.apply( $( this[ 0 ] ), tmp_args );
|
||
|
} else {
|
||
|
return this.each( function () {
|
||
|
var $t = $( this );
|
||
|
$t.datepicker.apply( $t, tmp_args );
|
||
|
} );
|
||
|
}
|
||
|
} else {
|
||
|
return this.each( function () {
|
||
|
var $t = $( this );
|
||
|
$t.datepicker( $.timepicker._newInst( $t, o )._defaults );
|
||
|
} );
|
||
|
}
|
||
|
},
|
||
|
} );
|
||
|
|
||
|
/*
|
||
|
* Public Utility to parse date and time
|
||
|
*/
|
||
|
$.datepicker.parseDateTime = function (
|
||
|
dateFormat,
|
||
|
timeFormat,
|
||
|
dateTimeString,
|
||
|
dateSettings,
|
||
|
timeSettings
|
||
|
) {
|
||
|
var parseRes = parseDateTimeInternal(
|
||
|
dateFormat,
|
||
|
timeFormat,
|
||
|
dateTimeString,
|
||
|
dateSettings,
|
||
|
timeSettings
|
||
|
);
|
||
|
if ( parseRes.timeObj ) {
|
||
|
var t = parseRes.timeObj;
|
||
|
parseRes.date.setHours( t.hour, t.minute, t.second, t.millisec );
|
||
|
parseRes.date.setMicroseconds( t.microsec );
|
||
|
}
|
||
|
|
||
|
return parseRes.date;
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* Public utility to parse time
|
||
|
*/
|
||
|
$.datepicker.parseTime = function ( timeFormat, timeString, options ) {
|
||
|
var o = extendRemove(
|
||
|
extendRemove( {}, $.timepicker._defaults ),
|
||
|
options || {}
|
||
|
),
|
||
|
iso8601 =
|
||
|
timeFormat.replace( /\'.*?\'/g, '' ).indexOf( 'Z' ) !== -1;
|
||
|
|
||
|
// Strict parse requires the timeString to match the timeFormat exactly
|
||
|
var strictParse = function ( f, s, o ) {
|
||
|
// pattern for standard and localized AM/PM markers
|
||
|
var getPatternAmpm = function ( amNames, pmNames ) {
|
||
|
var markers = [];
|
||
|
if ( amNames ) {
|
||
|
$.merge( markers, amNames );
|
||
|
}
|
||
|
if ( pmNames ) {
|
||
|
$.merge( markers, pmNames );
|
||
|
}
|
||
|
markers = $.map( markers, function ( val ) {
|
||
|
return val.replace( /[.*+?|()\[\]{}\\]/g, '\\$&' );
|
||
|
} );
|
||
|
return '(' + markers.join( '|' ) + ')?';
|
||
|
};
|
||
|
|
||
|
// figure out position of time elements.. cause js cant do named captures
|
||
|
var getFormatPositions = function ( timeFormat ) {
|
||
|
var finds = timeFormat
|
||
|
.toLowerCase()
|
||
|
.match(
|
||
|
/(h{1,2}|m{1,2}|s{1,2}|l{1}|c{1}|t{1,2}|z|'.*?')/g
|
||
|
),
|
||
|
orders = {
|
||
|
h: -1,
|
||
|
m: -1,
|
||
|
s: -1,
|
||
|
l: -1,
|
||
|
c: -1,
|
||
|
t: -1,
|
||
|
z: -1,
|
||
|
};
|
||
|
|
||
|
if ( finds ) {
|
||
|
for ( var i = 0; i < finds.length; i++ ) {
|
||
|
if (
|
||
|
orders[ finds[ i ].toString().charAt( 0 ) ] === -1
|
||
|
) {
|
||
|
orders[ finds[ i ].toString().charAt( 0 ) ] = i + 1;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
return orders;
|
||
|
};
|
||
|
|
||
|
var regstr =
|
||
|
'^' +
|
||
|
f
|
||
|
.toString()
|
||
|
.replace(
|
||
|
/([hH]{1,2}|mm?|ss?|[tT]{1,2}|[zZ]|[lc]|'.*?')/g,
|
||
|
function ( match ) {
|
||
|
var ml = match.length;
|
||
|
switch ( match.charAt( 0 ).toLowerCase() ) {
|
||
|
case 'h':
|
||
|
return ml === 1
|
||
|
? '(\\d?\\d)'
|
||
|
: '(\\d{' + ml + '})';
|
||
|
case 'm':
|
||
|
return ml === 1
|
||
|
? '(\\d?\\d)'
|
||
|
: '(\\d{' + ml + '})';
|
||
|
case 's':
|
||
|
return ml === 1
|
||
|
? '(\\d?\\d)'
|
||
|
: '(\\d{' + ml + '})';
|
||
|
case 'l':
|
||
|
return '(\\d?\\d?\\d)';
|
||
|
case 'c':
|
||
|
return '(\\d?\\d?\\d)';
|
||
|
case 'z':
|
||
|
return '(z|[-+]\\d\\d:?\\d\\d|\\S+)?';
|
||
|
case 't':
|
||
|
return getPatternAmpm(
|
||
|
o.amNames,
|
||
|
o.pmNames
|
||
|
);
|
||
|
default:
|
||
|
// literal escaped in quotes
|
||
|
return (
|
||
|
'(' +
|
||
|
match
|
||
|
.replace( /\'/g, '' )
|
||
|
.replace(
|
||
|
/(\.|\$|\^|\\|\/|\(|\)|\[|\]|\?|\+|\*)/g,
|
||
|
function ( m ) {
|
||
|
return '\\' + m;
|
||
|
}
|
||
|
) +
|
||
|
')?'
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
)
|
||
|
.replace( /\s/g, '\\s?' ) +
|
||
|
o.timeSuffix +
|
||
|
'$',
|
||
|
order = getFormatPositions( f ),
|
||
|
ampm = '',
|
||
|
treg;
|
||
|
|
||
|
treg = s.match( new RegExp( regstr, 'i' ) );
|
||
|
|
||
|
var resTime = {
|
||
|
hour: 0,
|
||
|
minute: 0,
|
||
|
second: 0,
|
||
|
millisec: 0,
|
||
|
microsec: 0,
|
||
|
};
|
||
|
|
||
|
if ( treg ) {
|
||
|
if ( order.t !== -1 ) {
|
||
|
if (
|
||
|
treg[ order.t ] === undefined ||
|
||
|
treg[ order.t ].length === 0
|
||
|
) {
|
||
|
ampm = '';
|
||
|
resTime.ampm = '';
|
||
|
} else {
|
||
|
ampm =
|
||
|
$.inArray(
|
||
|
treg[ order.t ].toUpperCase(),
|
||
|
$.map( o.amNames, function ( x, i ) {
|
||
|
return x.toUpperCase();
|
||
|
} )
|
||
|
) !== -1
|
||
|
? 'AM'
|
||
|
: 'PM';
|
||
|
resTime.ampm =
|
||
|
o[ ampm === 'AM' ? 'amNames' : 'pmNames' ][ 0 ];
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if ( order.h !== -1 ) {
|
||
|
if ( ampm === 'AM' && treg[ order.h ] === '12' ) {
|
||
|
resTime.hour = 0; // 12am = 0 hour
|
||
|
} else {
|
||
|
if ( ampm === 'PM' && treg[ order.h ] !== '12' ) {
|
||
|
resTime.hour = parseInt( treg[ order.h ], 10 ) + 12; // 12pm = 12 hour, any other pm = hour + 12
|
||
|
} else {
|
||
|
resTime.hour = Number( treg[ order.h ] );
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if ( order.m !== -1 ) {
|
||
|
resTime.minute = Number( treg[ order.m ] );
|
||
|
}
|
||
|
if ( order.s !== -1 ) {
|
||
|
resTime.second = Number( treg[ order.s ] );
|
||
|
}
|
||
|
if ( order.l !== -1 ) {
|
||
|
resTime.millisec = Number( treg[ order.l ] );
|
||
|
}
|
||
|
if ( order.c !== -1 ) {
|
||
|
resTime.microsec = Number( treg[ order.c ] );
|
||
|
}
|
||
|
if ( order.z !== -1 && treg[ order.z ] !== undefined ) {
|
||
|
resTime.timezone = $.timepicker.timezoneOffsetNumber(
|
||
|
treg[ order.z ]
|
||
|
);
|
||
|
}
|
||
|
|
||
|
return resTime;
|
||
|
}
|
||
|
return false;
|
||
|
}; // end strictParse
|
||
|
|
||
|
// First try JS Date, if that fails, use strictParse
|
||
|
var looseParse = function ( f, s, o ) {
|
||
|
try {
|
||
|
var d = new Date( '2012-01-01 ' + s );
|
||
|
if ( isNaN( d.getTime() ) ) {
|
||
|
d = new Date( '2012-01-01T' + s );
|
||
|
if ( isNaN( d.getTime() ) ) {
|
||
|
d = new Date( '01/01/2012 ' + s );
|
||
|
if ( isNaN( d.getTime() ) ) {
|
||
|
throw 'Unable to parse time with native Date: ' + s;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return {
|
||
|
hour: d.getHours(),
|
||
|
minute: d.getMinutes(),
|
||
|
second: d.getSeconds(),
|
||
|
millisec: d.getMilliseconds(),
|
||
|
microsec: d.getMicroseconds(),
|
||
|
timezone: d.getTimezoneOffset() * -1,
|
||
|
};
|
||
|
} catch ( err ) {
|
||
|
try {
|
||
|
return strictParse( f, s, o );
|
||
|
} catch ( err2 ) {
|
||
|
$.timepicker.log(
|
||
|
'Unable to parse \ntimeString: ' +
|
||
|
s +
|
||
|
'\ntimeFormat: ' +
|
||
|
f
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
return false;
|
||
|
}; // end looseParse
|
||
|
|
||
|
if ( typeof o.parse === 'function' ) {
|
||
|
return o.parse( timeFormat, timeString, o );
|
||
|
}
|
||
|
if ( o.parse === 'loose' ) {
|
||
|
return looseParse( timeFormat, timeString, o );
|
||
|
}
|
||
|
return strictParse( timeFormat, timeString, o );
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Public utility to format the time
|
||
|
* @param {string} format format of the time
|
||
|
* @param {Object} time Object not a Date for timezones
|
||
|
* @param {Object} [options] essentially the regional[].. amNames, pmNames, ampm
|
||
|
* @returns {string} the formatted time
|
||
|
*/
|
||
|
$.datepicker.formatTime = function ( format, time, options ) {
|
||
|
options = options || {};
|
||
|
options = $.extend( {}, $.timepicker._defaults, options );
|
||
|
time = $.extend(
|
||
|
{
|
||
|
hour: 0,
|
||
|
minute: 0,
|
||
|
second: 0,
|
||
|
millisec: 0,
|
||
|
microsec: 0,
|
||
|
timezone: null,
|
||
|
},
|
||
|
time
|
||
|
);
|
||
|
|
||
|
var tmptime = format,
|
||
|
ampmName = options.amNames[ 0 ],
|
||
|
hour = parseInt( time.hour, 10 );
|
||
|
|
||
|
if ( hour > 11 ) {
|
||
|
ampmName = options.pmNames[ 0 ];
|
||
|
}
|
||
|
|
||
|
tmptime = tmptime.replace(
|
||
|
/(?:HH?|hh?|mm?|ss?|[tT]{1,2}|[zZ]|[lc]|'.*?')/g,
|
||
|
function ( match ) {
|
||
|
switch ( match ) {
|
||
|
case 'HH':
|
||
|
return ( '0' + hour ).slice( -2 );
|
||
|
case 'H':
|
||
|
return hour;
|
||
|
case 'hh':
|
||
|
return ( '0' + convert24to12( hour ) ).slice( -2 );
|
||
|
case 'h':
|
||
|
return convert24to12( hour );
|
||
|
case 'mm':
|
||
|
return ( '0' + time.minute ).slice( -2 );
|
||
|
case 'm':
|
||
|
return time.minute;
|
||
|
case 'ss':
|
||
|
return ( '0' + time.second ).slice( -2 );
|
||
|
case 's':
|
||
|
return time.second;
|
||
|
case 'l':
|
||
|
return ( '00' + time.millisec ).slice( -3 );
|
||
|
case 'c':
|
||
|
return ( '00' + time.microsec ).slice( -3 );
|
||
|
case 'z':
|
||
|
return $.timepicker.timezoneOffsetString(
|
||
|
time.timezone === null
|
||
|
? options.timezone
|
||
|
: time.timezone,
|
||
|
false
|
||
|
);
|
||
|
case 'Z':
|
||
|
return $.timepicker.timezoneOffsetString(
|
||
|
time.timezone === null
|
||
|
? options.timezone
|
||
|
: time.timezone,
|
||
|
true
|
||
|
);
|
||
|
case 'T':
|
||
|
return ampmName.charAt( 0 ).toUpperCase();
|
||
|
case 'TT':
|
||
|
return ampmName.toUpperCase();
|
||
|
case 't':
|
||
|
return ampmName.charAt( 0 ).toLowerCase();
|
||
|
case 'tt':
|
||
|
return ampmName.toLowerCase();
|
||
|
default:
|
||
|
return match.replace( /'/g, '' );
|
||
|
}
|
||
|
}
|
||
|
);
|
||
|
|
||
|
return tmptime;
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* the bad hack :/ override datepicker so it doesn't close on select
|
||
|
// inspired: http://stackoverflow.com/questions/1252512/jquery-datepicker-prevent-closing-picker-when-clicking-a-date/1762378#1762378
|
||
|
*/
|
||
|
$.datepicker._base_selectDate = $.datepicker._selectDate;
|
||
|
$.datepicker._selectDate = function ( id, dateStr ) {
|
||
|
var inst = this._getInst( $( id )[ 0 ] ),
|
||
|
tp_inst = this._get( inst, 'timepicker' ),
|
||
|
was_inline;
|
||
|
|
||
|
if ( tp_inst && inst.settings.showTimepicker ) {
|
||
|
tp_inst._limitMinMaxDateTime( inst, true );
|
||
|
was_inline = inst.inline;
|
||
|
inst.inline = inst.stay_open = true;
|
||
|
//This way the onSelect handler called from calendarpicker get the full dateTime
|
||
|
this._base_selectDate( id, dateStr );
|
||
|
inst.inline = was_inline;
|
||
|
inst.stay_open = false;
|
||
|
this._notifyChange( inst );
|
||
|
this._updateDatepicker( inst );
|
||
|
} else {
|
||
|
this._base_selectDate( id, dateStr );
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* second bad hack :/ override datepicker so it triggers an event when changing the input field
|
||
|
* and does not redraw the datepicker on every selectDate event
|
||
|
*/
|
||
|
$.datepicker._base_updateDatepicker = $.datepicker._updateDatepicker;
|
||
|
$.datepicker._updateDatepicker = function ( inst ) {
|
||
|
// don't popup the datepicker if there is another instance already opened
|
||
|
var input = inst.input[ 0 ];
|
||
|
if (
|
||
|
$.datepicker._curInst &&
|
||
|
$.datepicker._curInst !== inst &&
|
||
|
$.datepicker._datepickerShowing &&
|
||
|
$.datepicker._lastInput !== input
|
||
|
) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if ( typeof inst.stay_open !== 'boolean' || inst.stay_open === false ) {
|
||
|
this._base_updateDatepicker( inst );
|
||
|
|
||
|
// Reload the time control when changing something in the input text field.
|
||
|
var tp_inst = this._get( inst, 'timepicker' );
|
||
|
if ( tp_inst ) {
|
||
|
tp_inst._addTimePicker( inst );
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* third bad hack :/ override datepicker so it allows spaces and colon in the input field
|
||
|
*/
|
||
|
$.datepicker._base_doKeyPress = $.datepicker._doKeyPress;
|
||
|
$.datepicker._doKeyPress = function ( event ) {
|
||
|
var inst = $.datepicker._getInst( event.target ),
|
||
|
tp_inst = $.datepicker._get( inst, 'timepicker' );
|
||
|
|
||
|
if ( tp_inst ) {
|
||
|
if ( $.datepicker._get( inst, 'constrainInput' ) ) {
|
||
|
var ampm = tp_inst.support.ampm,
|
||
|
tz =
|
||
|
tp_inst._defaults.showTimezone !== null
|
||
|
? tp_inst._defaults.showTimezone
|
||
|
: tp_inst.support.timezone,
|
||
|
dateChars = $.datepicker._possibleChars(
|
||
|
$.datepicker._get( inst, 'dateFormat' )
|
||
|
),
|
||
|
datetimeChars =
|
||
|
tp_inst._defaults.timeFormat
|
||
|
.toString()
|
||
|
.replace( /[hms]/g, '' )
|
||
|
.replace( /TT/g, ampm ? 'APM' : '' )
|
||
|
.replace( /Tt/g, ampm ? 'AaPpMm' : '' )
|
||
|
.replace( /tT/g, ampm ? 'AaPpMm' : '' )
|
||
|
.replace( /T/g, ampm ? 'AP' : '' )
|
||
|
.replace( /tt/g, ampm ? 'apm' : '' )
|
||
|
.replace( /t/g, ampm ? 'ap' : '' ) +
|
||
|
' ' +
|
||
|
tp_inst._defaults.separator +
|
||
|
tp_inst._defaults.timeSuffix +
|
||
|
( tz
|
||
|
? tp_inst._defaults.timezoneList.join( '' )
|
||
|
: '' ) +
|
||
|
tp_inst._defaults.amNames.join( '' ) +
|
||
|
tp_inst._defaults.pmNames.join( '' ) +
|
||
|
dateChars,
|
||
|
chr = String.fromCharCode(
|
||
|
event.charCode === undefined
|
||
|
? event.keyCode
|
||
|
: event.charCode
|
||
|
);
|
||
|
return (
|
||
|
event.ctrlKey ||
|
||
|
chr < ' ' ||
|
||
|
! dateChars ||
|
||
|
datetimeChars.indexOf( chr ) > -1
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return $.datepicker._base_doKeyPress( event );
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* Fourth bad hack :/ override _updateAlternate function used in inline mode to init altField
|
||
|
* Update any alternate field to synchronise with the main field.
|
||
|
*/
|
||
|
$.datepicker._base_updateAlternate = $.datepicker._updateAlternate;
|
||
|
$.datepicker._updateAlternate = function ( inst ) {
|
||
|
var tp_inst = this._get( inst, 'timepicker' );
|
||
|
if ( tp_inst ) {
|
||
|
var altField = tp_inst._defaults.altField;
|
||
|
if ( altField ) {
|
||
|
// update alternate field too
|
||
|
var altFormat =
|
||
|
tp_inst._defaults.altFormat ||
|
||
|
tp_inst._defaults.dateFormat,
|
||
|
date = this._getDate( inst ),
|
||
|
formatCfg = $.datepicker._getFormatConfig( inst ),
|
||
|
altFormattedDateTime = '',
|
||
|
altSeparator = tp_inst._defaults.altSeparator
|
||
|
? tp_inst._defaults.altSeparator
|
||
|
: tp_inst._defaults.separator,
|
||
|
altTimeSuffix = tp_inst._defaults.altTimeSuffix
|
||
|
? tp_inst._defaults.altTimeSuffix
|
||
|
: tp_inst._defaults.timeSuffix,
|
||
|
altTimeFormat =
|
||
|
tp_inst._defaults.altTimeFormat !== null
|
||
|
? tp_inst._defaults.altTimeFormat
|
||
|
: tp_inst._defaults.timeFormat;
|
||
|
|
||
|
altFormattedDateTime +=
|
||
|
$.datepicker.formatTime(
|
||
|
altTimeFormat,
|
||
|
tp_inst,
|
||
|
tp_inst._defaults
|
||
|
) + altTimeSuffix;
|
||
|
if (
|
||
|
! tp_inst._defaults.timeOnly &&
|
||
|
! tp_inst._defaults.altFieldTimeOnly &&
|
||
|
date !== null
|
||
|
) {
|
||
|
if ( tp_inst._defaults.altFormat ) {
|
||
|
altFormattedDateTime =
|
||
|
$.datepicker.formatDate(
|
||
|
tp_inst._defaults.altFormat,
|
||
|
date,
|
||
|
formatCfg
|
||
|
) +
|
||
|
altSeparator +
|
||
|
altFormattedDateTime;
|
||
|
} else {
|
||
|
altFormattedDateTime =
|
||
|
tp_inst.formattedDate +
|
||
|
altSeparator +
|
||
|
altFormattedDateTime;
|
||
|
}
|
||
|
}
|
||
|
$( altField ).val(
|
||
|
inst.input.val() ? altFormattedDateTime : ''
|
||
|
);
|
||
|
}
|
||
|
} else {
|
||
|
$.datepicker._base_updateAlternate( inst );
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* Override key up event to sync manual input changes.
|
||
|
*/
|
||
|
$.datepicker._base_doKeyUp = $.datepicker._doKeyUp;
|
||
|
$.datepicker._doKeyUp = function ( event ) {
|
||
|
var inst = $.datepicker._getInst( event.target ),
|
||
|
tp_inst = $.datepicker._get( inst, 'timepicker' );
|
||
|
|
||
|
if ( tp_inst ) {
|
||
|
if (
|
||
|
tp_inst._defaults.timeOnly &&
|
||
|
inst.input.val() !== inst.lastVal
|
||
|
) {
|
||
|
try {
|
||
|
$.datepicker._updateDatepicker( inst );
|
||
|
} catch ( err ) {
|
||
|
$.timepicker.log( err );
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return $.datepicker._base_doKeyUp( event );
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* override "Today" button to also grab the time and set it to input field.
|
||
|
*/
|
||
|
$.datepicker._base_gotoToday = $.datepicker._gotoToday;
|
||
|
$.datepicker._gotoToday = function ( id ) {
|
||
|
var inst = this._getInst( $( id )[ 0 ] );
|
||
|
this._base_gotoToday( id );
|
||
|
var tp_inst = this._get( inst, 'timepicker' );
|
||
|
if ( ! tp_inst ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
var tzoffset = $.timepicker.timezoneOffsetNumber( tp_inst.timezone );
|
||
|
var now = new Date();
|
||
|
now.setMinutes(
|
||
|
now.getMinutes() +
|
||
|
now.getTimezoneOffset() +
|
||
|
parseInt( tzoffset, 10 )
|
||
|
);
|
||
|
this._setTime( inst, now );
|
||
|
this._setDate( inst, now );
|
||
|
tp_inst._onSelectHandler();
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* Disable & enable the Time in the datetimepicker
|
||
|
*/
|
||
|
$.datepicker._disableTimepickerDatepicker = function ( target ) {
|
||
|
var inst = this._getInst( target );
|
||
|
if ( ! inst ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
var tp_inst = this._get( inst, 'timepicker' );
|
||
|
$( target ).datepicker( 'getDate' ); // Init selected[Year|Month|Day]
|
||
|
if ( tp_inst ) {
|
||
|
inst.settings.showTimepicker = false;
|
||
|
tp_inst._defaults.showTimepicker = false;
|
||
|
tp_inst._updateDateTime( inst );
|
||
|
}
|
||
|
};
|
||
|
|
||
|
$.datepicker._enableTimepickerDatepicker = function ( target ) {
|
||
|
var inst = this._getInst( target );
|
||
|
if ( ! inst ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
var tp_inst = this._get( inst, 'timepicker' );
|
||
|
$( target ).datepicker( 'getDate' ); // Init selected[Year|Month|Day]
|
||
|
if ( tp_inst ) {
|
||
|
inst.settings.showTimepicker = true;
|
||
|
tp_inst._defaults.showTimepicker = true;
|
||
|
tp_inst._addTimePicker( inst ); // Could be disabled on page load
|
||
|
tp_inst._updateDateTime( inst );
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* Create our own set time function
|
||
|
*/
|
||
|
$.datepicker._setTime = function ( inst, date ) {
|
||
|
var tp_inst = this._get( inst, 'timepicker' );
|
||
|
if ( tp_inst ) {
|
||
|
var defaults = tp_inst._defaults;
|
||
|
|
||
|
// calling _setTime with no date sets time to defaults
|
||
|
tp_inst.hour = date ? date.getHours() : defaults.hour;
|
||
|
tp_inst.minute = date ? date.getMinutes() : defaults.minute;
|
||
|
tp_inst.second = date ? date.getSeconds() : defaults.second;
|
||
|
tp_inst.millisec = date
|
||
|
? date.getMilliseconds()
|
||
|
: defaults.millisec;
|
||
|
tp_inst.microsec = date
|
||
|
? date.getMicroseconds()
|
||
|
: defaults.microsec;
|
||
|
|
||
|
//check if within min/max times..
|
||
|
tp_inst._limitMinMaxDateTime( inst, true );
|
||
|
|
||
|
tp_inst._onTimeChange();
|
||
|
tp_inst._updateDateTime( inst );
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* Create new public method to set only time, callable as $().datepicker('setTime', date)
|
||
|
*/
|
||
|
$.datepicker._setTimeDatepicker = function ( target, date, withDate ) {
|
||
|
var inst = this._getInst( target );
|
||
|
if ( ! inst ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
var tp_inst = this._get( inst, 'timepicker' );
|
||
|
|
||
|
if ( tp_inst ) {
|
||
|
this._setDateFromField( inst );
|
||
|
var tp_date;
|
||
|
if ( date ) {
|
||
|
if ( typeof date === 'string' ) {
|
||
|
tp_inst._parseTime( date, withDate );
|
||
|
tp_date = new Date();
|
||
|
tp_date.setHours(
|
||
|
tp_inst.hour,
|
||
|
tp_inst.minute,
|
||
|
tp_inst.second,
|
||
|
tp_inst.millisec
|
||
|
);
|
||
|
tp_date.setMicroseconds( tp_inst.microsec );
|
||
|
} else {
|
||
|
tp_date = new Date( date.getTime() );
|
||
|
tp_date.setMicroseconds( date.getMicroseconds() );
|
||
|
}
|
||
|
if ( tp_date.toString() === 'Invalid Date' ) {
|
||
|
tp_date = undefined;
|
||
|
}
|
||
|
this._setTime( inst, tp_date );
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* override setDate() to allow setting time too within Date object
|
||
|
*/
|
||
|
$.datepicker._base_setDateDatepicker = $.datepicker._setDateDatepicker;
|
||
|
$.datepicker._setDateDatepicker = function ( target, _date ) {
|
||
|
var inst = this._getInst( target );
|
||
|
var date = _date;
|
||
|
if ( ! inst ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if ( typeof _date === 'string' ) {
|
||
|
date = new Date( _date );
|
||
|
if ( ! date.getTime() ) {
|
||
|
this._base_setDateDatepicker.apply( this, arguments );
|
||
|
date = $( target ).datepicker( 'getDate' );
|
||
|
}
|
||
|
}
|
||
|
|
||
|
var tp_inst = this._get( inst, 'timepicker' );
|
||
|
var tp_date;
|
||
|
if ( date instanceof Date ) {
|
||
|
tp_date = new Date( date.getTime() );
|
||
|
tp_date.setMicroseconds( date.getMicroseconds() );
|
||
|
} else {
|
||
|
tp_date = date;
|
||
|
}
|
||
|
|
||
|
// This is important if you are using the timezone option, javascript's Date
|
||
|
// object will only return the timezone offset for the current locale, so we
|
||
|
// adjust it accordingly. If not using timezone option this won't matter..
|
||
|
// If a timezone is different in tp, keep the timezone as is
|
||
|
if ( tp_inst && tp_date ) {
|
||
|
// look out for DST if tz wasn't specified
|
||
|
if (
|
||
|
! tp_inst.support.timezone &&
|
||
|
tp_inst._defaults.timezone === null
|
||
|
) {
|
||
|
tp_inst.timezone = tp_date.getTimezoneOffset() * -1;
|
||
|
}
|
||
|
date = $.timepicker.timezoneAdjust(
|
||
|
date,
|
||
|
$.timepicker.timezoneOffsetString( -date.getTimezoneOffset() ),
|
||
|
tp_inst.timezone
|
||
|
);
|
||
|
tp_date = $.timepicker.timezoneAdjust(
|
||
|
tp_date,
|
||
|
$.timepicker.timezoneOffsetString(
|
||
|
-tp_date.getTimezoneOffset()
|
||
|
),
|
||
|
tp_inst.timezone
|
||
|
);
|
||
|
}
|
||
|
|
||
|
this._updateDatepicker( inst );
|
||
|
this._base_setDateDatepicker.apply( this, arguments );
|
||
|
this._setTimeDatepicker( target, tp_date, true );
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* override getDate() to allow getting time too within Date object
|
||
|
*/
|
||
|
$.datepicker._base_getDateDatepicker = $.datepicker._getDateDatepicker;
|
||
|
$.datepicker._getDateDatepicker = function ( target, noDefault ) {
|
||
|
var inst = this._getInst( target );
|
||
|
if ( ! inst ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
var tp_inst = this._get( inst, 'timepicker' );
|
||
|
|
||
|
if ( tp_inst ) {
|
||
|
// if it hasn't yet been defined, grab from field
|
||
|
if ( inst.lastVal === undefined ) {
|
||
|
this._setDateFromField( inst, noDefault );
|
||
|
}
|
||
|
|
||
|
var date = this._getDate( inst );
|
||
|
|
||
|
var currDT = null;
|
||
|
|
||
|
if ( tp_inst.$altInput && tp_inst._defaults.altFieldTimeOnly ) {
|
||
|
currDT = tp_inst.$input.val() + ' ' + tp_inst.$altInput.val();
|
||
|
} else if (
|
||
|
tp_inst.$input.get( 0 ).tagName !== 'INPUT' &&
|
||
|
tp_inst.$altInput
|
||
|
) {
|
||
|
/**
|
||
|
* in case the datetimepicker has been applied to a non-input tag for inline UI,
|
||
|
* and the user has not configured the plugin to display only time in altInput,
|
||
|
* pick current date time from the altInput (and hope for the best, for now, until "ER1" is applied)
|
||
|
*
|
||
|
* @todo ER1. Since altInput can have a totally difference format, convert it to standard format by reading input format from "altFormat" and "altTimeFormat" option values
|
||
|
*/
|
||
|
currDT = tp_inst.$altInput.val();
|
||
|
} else {
|
||
|
currDT = tp_inst.$input.val();
|
||
|
}
|
||
|
|
||
|
if (
|
||
|
date &&
|
||
|
tp_inst._parseTime( currDT, ! inst.settings.timeOnly )
|
||
|
) {
|
||
|
date.setHours(
|
||
|
tp_inst.hour,
|
||
|
tp_inst.minute,
|
||
|
tp_inst.second,
|
||
|
tp_inst.millisec
|
||
|
);
|
||
|
date.setMicroseconds( tp_inst.microsec );
|
||
|
|
||
|
// This is important if you are using the timezone option, javascript's Date
|
||
|
// object will only return the timezone offset for the current locale, so we
|
||
|
// adjust it accordingly. If not using timezone option this won't matter..
|
||
|
if ( tp_inst.timezone != null ) {
|
||
|
// look out for DST if tz wasn't specified
|
||
|
if (
|
||
|
! tp_inst.support.timezone &&
|
||
|
tp_inst._defaults.timezone === null
|
||
|
) {
|
||
|
tp_inst.timezone = date.getTimezoneOffset() * -1;
|
||
|
}
|
||
|
date = $.timepicker.timezoneAdjust(
|
||
|
date,
|
||
|
tp_inst.timezone,
|
||
|
$.timepicker.timezoneOffsetString(
|
||
|
-date.getTimezoneOffset()
|
||
|
)
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
return date;
|
||
|
}
|
||
|
return this._base_getDateDatepicker( target, noDefault );
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* override parseDate() because UI 1.8.14 throws an error about "Extra characters"
|
||
|
* An option in datapicker to ignore extra format characters would be nicer.
|
||
|
*/
|
||
|
$.datepicker._base_parseDate = $.datepicker.parseDate;
|
||
|
$.datepicker.parseDate = function ( format, value, settings ) {
|
||
|
var date;
|
||
|
try {
|
||
|
date = this._base_parseDate( format, value, settings );
|
||
|
} catch ( err ) {
|
||
|
// Hack! The error message ends with a colon, a space, and
|
||
|
// the "extra" characters. We rely on that instead of
|
||
|
// attempting to perfectly reproduce the parsing algorithm.
|
||
|
if ( err.indexOf( ':' ) >= 0 ) {
|
||
|
date = this._base_parseDate(
|
||
|
format,
|
||
|
value.substring(
|
||
|
0,
|
||
|
value.length - ( err.length - err.indexOf( ':' ) - 2 )
|
||
|
),
|
||
|
settings
|
||
|
);
|
||
|
$.timepicker.log(
|
||
|
'Error parsing the date string: ' +
|
||
|
err +
|
||
|
'\ndate string = ' +
|
||
|
value +
|
||
|
'\ndate format = ' +
|
||
|
format
|
||
|
);
|
||
|
} else {
|
||
|
throw err;
|
||
|
}
|
||
|
}
|
||
|
return date;
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* override formatDate to set date with time to the input
|
||
|
*/
|
||
|
$.datepicker._base_formatDate = $.datepicker._formatDate;
|
||
|
$.datepicker._formatDate = function ( inst, day, month, year ) {
|
||
|
var tp_inst = this._get( inst, 'timepicker' );
|
||
|
if ( tp_inst ) {
|
||
|
tp_inst._updateDateTime( inst );
|
||
|
return tp_inst.$input.val();
|
||
|
}
|
||
|
return this._base_formatDate( inst );
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* override options setter to add time to maxDate(Time) and minDate(Time). MaxDate
|
||
|
*/
|
||
|
$.datepicker._base_optionDatepicker = $.datepicker._optionDatepicker;
|
||
|
$.datepicker._optionDatepicker = function ( target, name, value ) {
|
||
|
var inst = this._getInst( target ),
|
||
|
name_clone;
|
||
|
if ( ! inst ) {
|
||
|
return null;
|
||
|
}
|
||
|
|
||
|
var tp_inst = this._get( inst, 'timepicker' );
|
||
|
if ( tp_inst ) {
|
||
|
var min = null,
|
||
|
max = null,
|
||
|
onselect = null,
|
||
|
overrides = tp_inst._defaults.evnts,
|
||
|
fns = {},
|
||
|
prop,
|
||
|
ret,
|
||
|
oldVal,
|
||
|
$target;
|
||
|
if ( typeof name === 'string' ) {
|
||
|
// if min/max was set with the string
|
||
|
if ( name === 'minDate' || name === 'minDateTime' ) {
|
||
|
min = value;
|
||
|
} else if ( name === 'maxDate' || name === 'maxDateTime' ) {
|
||
|
max = value;
|
||
|
} else if ( name === 'onSelect' ) {
|
||
|
onselect = value;
|
||
|
} else if ( overrides.hasOwnProperty( name ) ) {
|
||
|
if ( typeof value === 'undefined' ) {
|
||
|
return overrides[ name ];
|
||
|
}
|
||
|
fns[ name ] = value;
|
||
|
name_clone = {}; //empty results in exiting function after overrides updated
|
||
|
}
|
||
|
} else if ( typeof name === 'object' ) {
|
||
|
//if min/max was set with the JSON
|
||
|
if ( name.minDate ) {
|
||
|
min = name.minDate;
|
||
|
} else if ( name.minDateTime ) {
|
||
|
min = name.minDateTime;
|
||
|
} else if ( name.maxDate ) {
|
||
|
max = name.maxDate;
|
||
|
} else if ( name.maxDateTime ) {
|
||
|
max = name.maxDateTime;
|
||
|
}
|
||
|
for ( prop in overrides ) {
|
||
|
if ( overrides.hasOwnProperty( prop ) && name[ prop ] ) {
|
||
|
fns[ prop ] = name[ prop ];
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
for ( prop in fns ) {
|
||
|
if ( fns.hasOwnProperty( prop ) ) {
|
||
|
overrides[ prop ] = fns[ prop ];
|
||
|
if ( ! name_clone ) {
|
||
|
name_clone = $.extend( {}, name );
|
||
|
}
|
||
|
delete name_clone[ prop ];
|
||
|
}
|
||
|
}
|
||
|
if ( name_clone && isEmptyObject( name_clone ) ) {
|
||
|
return;
|
||
|
}
|
||
|
if ( min ) {
|
||
|
//if min was set
|
||
|
if ( min === 0 ) {
|
||
|
min = new Date();
|
||
|
} else {
|
||
|
min = new Date( min );
|
||
|
}
|
||
|
tp_inst._defaults.minDate = min;
|
||
|
tp_inst._defaults.minDateTime = min;
|
||
|
} else if ( max ) {
|
||
|
//if max was set
|
||
|
if ( max === 0 ) {
|
||
|
max = new Date();
|
||
|
} else {
|
||
|
max = new Date( max );
|
||
|
}
|
||
|
tp_inst._defaults.maxDate = max;
|
||
|
tp_inst._defaults.maxDateTime = max;
|
||
|
} else if ( onselect ) {
|
||
|
tp_inst._defaults.onSelect = onselect;
|
||
|
}
|
||
|
|
||
|
// Datepicker will override our date when we call _base_optionDatepicker when
|
||
|
// calling minDate/maxDate, so we will first grab the value, call
|
||
|
// _base_optionDatepicker, then set our value back.
|
||
|
if ( min || max ) {
|
||
|
$target = $( target );
|
||
|
oldVal = $target.datetimepicker( 'getDate' );
|
||
|
ret = this._base_optionDatepicker.call(
|
||
|
$.datepicker,
|
||
|
target,
|
||
|
name_clone || name,
|
||
|
value
|
||
|
);
|
||
|
$target.datetimepicker( 'setDate', oldVal );
|
||
|
return ret;
|
||
|
}
|
||
|
}
|
||
|
if ( value === undefined ) {
|
||
|
return this._base_optionDatepicker.call(
|
||
|
$.datepicker,
|
||
|
target,
|
||
|
name
|
||
|
);
|
||
|
}
|
||
|
return this._base_optionDatepicker.call(
|
||
|
$.datepicker,
|
||
|
target,
|
||
|
name_clone || name,
|
||
|
value
|
||
|
);
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* jQuery isEmptyObject does not check hasOwnProperty - if someone has added to the object prototype,
|
||
|
* it will return false for all objects
|
||
|
*/
|
||
|
var isEmptyObject = function ( obj ) {
|
||
|
var prop;
|
||
|
for ( prop in obj ) {
|
||
|
if ( obj.hasOwnProperty( prop ) ) {
|
||
|
return false;
|
||
|
}
|
||
|
}
|
||
|
return true;
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* jQuery extend now ignores nulls!
|
||
|
*/
|
||
|
var extendRemove = function ( target, props ) {
|
||
|
$.extend( target, props );
|
||
|
for ( var name in props ) {
|
||
|
if ( props[ name ] === null || props[ name ] === undefined ) {
|
||
|
target[ name ] = props[ name ];
|
||
|
}
|
||
|
}
|
||
|
return target;
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* Determine by the time format which units are supported
|
||
|
* Returns an object of booleans for each unit
|
||
|
*/
|
||
|
var detectSupport = function ( timeFormat ) {
|
||
|
var tf = timeFormat.replace( /'.*?'/g, '' ).toLowerCase(), // removes literals
|
||
|
isIn = function ( f, t ) {
|
||
|
// does the format contain the token?
|
||
|
return f.indexOf( t ) !== -1 ? true : false;
|
||
|
};
|
||
|
return {
|
||
|
hour: isIn( tf, 'h' ),
|
||
|
minute: isIn( tf, 'm' ),
|
||
|
second: isIn( tf, 's' ),
|
||
|
millisec: isIn( tf, 'l' ),
|
||
|
microsec: isIn( tf, 'c' ),
|
||
|
timezone: isIn( tf, 'z' ),
|
||
|
ampm: isIn( tf, 't' ) && isIn( timeFormat, 'h' ),
|
||
|
iso8601: isIn( timeFormat, 'Z' ),
|
||
|
};
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* Converts 24 hour format into 12 hour
|
||
|
* Returns 12 hour without leading 0
|
||
|
*/
|
||
|
var convert24to12 = function ( hour ) {
|
||
|
hour %= 12;
|
||
|
|
||
|
if ( hour === 0 ) {
|
||
|
hour = 12;
|
||
|
}
|
||
|
|
||
|
return String( hour );
|
||
|
};
|
||
|
|
||
|
var computeEffectiveSetting = function ( settings, property ) {
|
||
|
return settings && settings[ property ]
|
||
|
? settings[ property ]
|
||
|
: $.timepicker._defaults[ property ];
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* Splits datetime string into date and time substrings.
|
||
|
* Throws exception when date can't be parsed
|
||
|
* Returns {dateString: dateString, timeString: timeString}
|
||
|
*/
|
||
|
var splitDateTime = function ( dateTimeString, timeSettings ) {
|
||
|
// The idea is to get the number separator occurrences in datetime and the time format requested (since time has
|
||
|
// fewer unknowns, mostly numbers and am/pm). We will use the time pattern to split.
|
||
|
var separator = computeEffectiveSetting( timeSettings, 'separator' ),
|
||
|
format = computeEffectiveSetting( timeSettings, 'timeFormat' ),
|
||
|
timeParts = format.split( separator ), // how many occurrences of separator may be in our format?
|
||
|
timePartsLen = timeParts.length,
|
||
|
allParts = dateTimeString.split( separator ),
|
||
|
allPartsLen = allParts.length;
|
||
|
|
||
|
if ( allPartsLen > 1 ) {
|
||
|
return {
|
||
|
dateString: allParts
|
||
|
.splice( 0, allPartsLen - timePartsLen )
|
||
|
.join( separator ),
|
||
|
timeString: allParts
|
||
|
.splice( 0, timePartsLen )
|
||
|
.join( separator ),
|
||
|
};
|
||
|
}
|
||
|
|
||
|
return {
|
||
|
dateString: dateTimeString,
|
||
|
timeString: '',
|
||
|
};
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* Internal function to parse datetime interval
|
||
|
* Returns: {date: Date, timeObj: Object}, where
|
||
|
* date - parsed date without time (type Date)
|
||
|
* timeObj = {hour: , minute: , second: , millisec: , microsec: } - parsed time. Optional
|
||
|
*/
|
||
|
var parseDateTimeInternal = function (
|
||
|
dateFormat,
|
||
|
timeFormat,
|
||
|
dateTimeString,
|
||
|
dateSettings,
|
||
|
timeSettings
|
||
|
) {
|
||
|
var date, parts, parsedTime;
|
||
|
|
||
|
parts = splitDateTime( dateTimeString, timeSettings );
|
||
|
date = $.datepicker._base_parseDate(
|
||
|
dateFormat,
|
||
|
parts.dateString,
|
||
|
dateSettings
|
||
|
);
|
||
|
|
||
|
if ( parts.timeString === '' ) {
|
||
|
return {
|
||
|
date: date,
|
||
|
};
|
||
|
}
|
||
|
|
||
|
parsedTime = $.datepicker.parseTime(
|
||
|
timeFormat,
|
||
|
parts.timeString,
|
||
|
timeSettings
|
||
|
);
|
||
|
|
||
|
if ( ! parsedTime ) {
|
||
|
throw 'Wrong time format';
|
||
|
}
|
||
|
|
||
|
return {
|
||
|
date: date,
|
||
|
timeObj: parsedTime,
|
||
|
};
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* Internal function to set timezone_select to the local timezone
|
||
|
*/
|
||
|
var selectLocalTimezone = function ( tp_inst, date ) {
|
||
|
if ( tp_inst && tp_inst.timezone_select ) {
|
||
|
var now = date || new Date();
|
||
|
tp_inst.timezone_select.val( -now.getTimezoneOffset() );
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* Create a Singleton Instance
|
||
|
*/
|
||
|
$.timepicker = new Timepicker();
|
||
|
|
||
|
/**
|
||
|
* Get the timezone offset as string from a date object (eg '+0530' for UTC+5.5)
|
||
|
* @param {number} tzMinutes if not a number, less than -720 (-1200), or greater than 840 (+1400) this value is returned
|
||
|
* @param {boolean} iso8601 if true formats in accordance to iso8601 "+12:45"
|
||
|
* @return {string}
|
||
|
*/
|
||
|
$.timepicker.timezoneOffsetString = function ( tzMinutes, iso8601 ) {
|
||
|
if ( isNaN( tzMinutes ) || tzMinutes > 840 || tzMinutes < -720 ) {
|
||
|
return tzMinutes;
|
||
|
}
|
||
|
|
||
|
var off = tzMinutes,
|
||
|
minutes = off % 60,
|
||
|
hours = ( off - minutes ) / 60,
|
||
|
iso = iso8601 ? ':' : '',
|
||
|
tz =
|
||
|
( off >= 0 ? '+' : '-' ) +
|
||
|
( '0' + Math.abs( hours ) ).slice( -2 ) +
|
||
|
iso +
|
||
|
( '0' + Math.abs( minutes ) ).slice( -2 );
|
||
|
|
||
|
if ( tz === '+00:00' ) {
|
||
|
return 'Z';
|
||
|
}
|
||
|
return tz;
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Get the number in minutes that represents a timezone string
|
||
|
* @param {string} tzString formatted like "+0500", "-1245", "Z"
|
||
|
* @return {number} the offset minutes or the original string if it doesn't match expectations
|
||
|
*/
|
||
|
$.timepicker.timezoneOffsetNumber = function ( tzString ) {
|
||
|
var normalized = tzString.toString().replace( ':', '' ); // excuse any iso8601, end up with "+1245"
|
||
|
|
||
|
if ( normalized.toUpperCase() === 'Z' ) {
|
||
|
// if iso8601 with Z, its 0 minute offset
|
||
|
return 0;
|
||
|
}
|
||
|
|
||
|
if ( ! /^(\-|\+)\d{4}$/.test( normalized ) ) {
|
||
|
// possibly a user defined tz, so just give it back
|
||
|
return parseInt( tzString, 10 );
|
||
|
}
|
||
|
|
||
|
return (
|
||
|
( normalized.substr( 0, 1 ) === '-' ? -1 : 1 ) * // plus or minus
|
||
|
( parseInt( normalized.substr( 1, 2 ), 10 ) * 60 + // hours (converted to minutes)
|
||
|
parseInt( normalized.substr( 3, 2 ), 10 ) )
|
||
|
); // minutes
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* No way to set timezone in js Date, so we must adjust the minutes to compensate. (think setDate, getDate)
|
||
|
* @param {Date} date
|
||
|
* @param {string} fromTimezone formatted like "+0500", "-1245"
|
||
|
* @param {string} toTimezone formatted like "+0500", "-1245"
|
||
|
* @return {Date}
|
||
|
*/
|
||
|
$.timepicker.timezoneAdjust = function ( date, fromTimezone, toTimezone ) {
|
||
|
var fromTz = $.timepicker.timezoneOffsetNumber( fromTimezone );
|
||
|
var toTz = $.timepicker.timezoneOffsetNumber( toTimezone );
|
||
|
if ( ! isNaN( toTz ) ) {
|
||
|
date.setMinutes( date.getMinutes() + -fromTz - -toTz );
|
||
|
}
|
||
|
return date;
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Calls `timepicker()` on the `startTime` and `endTime` elements, and configures them to
|
||
|
* enforce date range limits.
|
||
|
* n.b. The input value must be correctly formatted (reformatting is not supported)
|
||
|
* @param {Element} startTime
|
||
|
* @param {Element} endTime
|
||
|
* @param {Object} options Options for the timepicker() call
|
||
|
* @return {jQuery}
|
||
|
*/
|
||
|
$.timepicker.timeRange = function ( startTime, endTime, options ) {
|
||
|
return $.timepicker.handleRange(
|
||
|
'timepicker',
|
||
|
startTime,
|
||
|
endTime,
|
||
|
options
|
||
|
);
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Calls `datetimepicker` on the `startTime` and `endTime` elements, and configures them to
|
||
|
* enforce date range limits.
|
||
|
* @param {Element} startTime
|
||
|
* @param {Element} endTime
|
||
|
* @param {Object} options Options for the `timepicker()` call. Also supports `reformat`,
|
||
|
* a boolean value that can be used to reformat the input values to the `dateFormat`.
|
||
|
* @param {string} method Can be used to specify the type of picker to be added
|
||
|
* @return {jQuery}
|
||
|
*/
|
||
|
$.timepicker.datetimeRange = function ( startTime, endTime, options ) {
|
||
|
$.timepicker.handleRange(
|
||
|
'datetimepicker',
|
||
|
startTime,
|
||
|
endTime,
|
||
|
options
|
||
|
);
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Calls `datepicker` on the `startTime` and `endTime` elements, and configures them to
|
||
|
* enforce date range limits.
|
||
|
* @param {Element} startTime
|
||
|
* @param {Element} endTime
|
||
|
* @param {Object} options Options for the `timepicker()` call. Also supports `reformat`,
|
||
|
* a boolean value that can be used to reformat the input values to the `dateFormat`.
|
||
|
* @return {jQuery}
|
||
|
*/
|
||
|
$.timepicker.dateRange = function ( startTime, endTime, options ) {
|
||
|
$.timepicker.handleRange( 'datepicker', startTime, endTime, options );
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Calls `method` on the `startTime` and `endTime` elements, and configures them to
|
||
|
* enforce date range limits.
|
||
|
* @param {string} method Can be used to specify the type of picker to be added
|
||
|
* @param {Element} startTime
|
||
|
* @param {Element} endTime
|
||
|
* @param {Object} options Options for the `timepicker()` call. Also supports `reformat`,
|
||
|
* a boolean value that can be used to reformat the input values to the `dateFormat`.
|
||
|
* @return {jQuery}
|
||
|
*/
|
||
|
$.timepicker.handleRange = function (
|
||
|
method,
|
||
|
startTime,
|
||
|
endTime,
|
||
|
options
|
||
|
) {
|
||
|
options = $.extend(
|
||
|
{},
|
||
|
{
|
||
|
minInterval: 0, // min allowed interval in milliseconds
|
||
|
maxInterval: 0, // max allowed interval in milliseconds
|
||
|
start: {}, // options for start picker
|
||
|
end: {}, // options for end picker
|
||
|
},
|
||
|
options
|
||
|
);
|
||
|
|
||
|
// for the mean time this fixes an issue with calling getDate with timepicker()
|
||
|
var timeOnly = false;
|
||
|
if ( method === 'timepicker' ) {
|
||
|
timeOnly = true;
|
||
|
method = 'datetimepicker';
|
||
|
}
|
||
|
|
||
|
function checkDates( changed, other ) {
|
||
|
var startdt = startTime[ method ]( 'getDate' ),
|
||
|
enddt = endTime[ method ]( 'getDate' ),
|
||
|
changeddt = changed[ method ]( 'getDate' );
|
||
|
|
||
|
if ( startdt !== null ) {
|
||
|
var minDate = new Date( startdt.getTime() ),
|
||
|
maxDate = new Date( startdt.getTime() );
|
||
|
|
||
|
minDate.setMilliseconds(
|
||
|
minDate.getMilliseconds() + options.minInterval
|
||
|
);
|
||
|
maxDate.setMilliseconds(
|
||
|
maxDate.getMilliseconds() + options.maxInterval
|
||
|
);
|
||
|
|
||
|
if ( options.minInterval > 0 && minDate > enddt ) {
|
||
|
// minInterval check
|
||
|
endTime[ method ]( 'setDate', minDate );
|
||
|
} else if ( options.maxInterval > 0 && maxDate < enddt ) {
|
||
|
// max interval check
|
||
|
endTime[ method ]( 'setDate', maxDate );
|
||
|
} else if ( startdt > enddt ) {
|
||
|
other[ method ]( 'setDate', changeddt );
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function selected( changed, other, option ) {
|
||
|
if ( ! changed.val() ) {
|
||
|
return;
|
||
|
}
|
||
|
var date = changed[ method ].call( changed, 'getDate' );
|
||
|
if ( date !== null && options.minInterval > 0 ) {
|
||
|
if ( option === 'minDate' ) {
|
||
|
date.setMilliseconds(
|
||
|
date.getMilliseconds() + options.minInterval
|
||
|
);
|
||
|
}
|
||
|
if ( option === 'maxDate' ) {
|
||
|
date.setMilliseconds(
|
||
|
date.getMilliseconds() - options.minInterval
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if ( date.getTime ) {
|
||
|
other[ method ].call( other, 'option', option, date );
|
||
|
}
|
||
|
}
|
||
|
|
||
|
$.fn[ method ].call(
|
||
|
startTime,
|
||
|
$.extend(
|
||
|
{
|
||
|
timeOnly: timeOnly,
|
||
|
onClose: function ( dateText, inst ) {
|
||
|
checkDates( $( this ), endTime );
|
||
|
},
|
||
|
onSelect: function ( selectedDateTime ) {
|
||
|
selected( $( this ), endTime, 'minDate' );
|
||
|
},
|
||
|
},
|
||
|
options,
|
||
|
options.start
|
||
|
)
|
||
|
);
|
||
|
$.fn[ method ].call(
|
||
|
endTime,
|
||
|
$.extend(
|
||
|
{
|
||
|
timeOnly: timeOnly,
|
||
|
onClose: function ( dateText, inst ) {
|
||
|
checkDates( $( this ), startTime );
|
||
|
},
|
||
|
onSelect: function ( selectedDateTime ) {
|
||
|
selected( $( this ), startTime, 'maxDate' );
|
||
|
},
|
||
|
},
|
||
|
options,
|
||
|
options.end
|
||
|
)
|
||
|
);
|
||
|
|
||
|
checkDates( startTime, endTime );
|
||
|
|
||
|
selected( startTime, endTime, 'minDate' );
|
||
|
selected( endTime, startTime, 'maxDate' );
|
||
|
|
||
|
return $( [ startTime.get( 0 ), endTime.get( 0 ) ] );
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Log error or data to the console during error or debugging
|
||
|
* @param {Object} err pass any type object to log to the console during error or debugging
|
||
|
* @return {void}
|
||
|
*/
|
||
|
$.timepicker.log = function () {
|
||
|
// Older IE (9, maybe 10) throw error on accessing `window.console.log.apply`, so check first.
|
||
|
if (
|
||
|
window.console &&
|
||
|
window.console.log &&
|
||
|
window.console.log.apply
|
||
|
) {
|
||
|
window.console.log.apply(
|
||
|
window.console,
|
||
|
Array.prototype.slice.call( arguments )
|
||
|
);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* Add util object to allow access to private methods for testability.
|
||
|
*/
|
||
|
$.timepicker._util = {
|
||
|
_extendRemove: extendRemove,
|
||
|
_isEmptyObject: isEmptyObject,
|
||
|
_convert24to12: convert24to12,
|
||
|
_detectSupport: detectSupport,
|
||
|
_selectLocalTimezone: selectLocalTimezone,
|
||
|
_computeEffectiveSetting: computeEffectiveSetting,
|
||
|
_splitDateTime: splitDateTime,
|
||
|
_parseDateTimeInternal: parseDateTimeInternal,
|
||
|
};
|
||
|
|
||
|
/*
|
||
|
* Microsecond support
|
||
|
*/
|
||
|
if ( ! Date.prototype.getMicroseconds ) {
|
||
|
Date.prototype.microseconds = 0;
|
||
|
Date.prototype.getMicroseconds = function () {
|
||
|
return this.microseconds;
|
||
|
};
|
||
|
Date.prototype.setMicroseconds = function ( m ) {
|
||
|
this.setMilliseconds(
|
||
|
this.getMilliseconds() + Math.floor( m / 1000 )
|
||
|
);
|
||
|
this.microseconds = m % 1000;
|
||
|
return this;
|
||
|
};
|
||
|
}
|
||
|
|
||
|
/*
|
||
|
* Keep up with the version
|
||
|
*/
|
||
|
$.timepicker.version = '1.6.3';
|
||
|
} );
|