70% OFF : CLICK HERE TO BUY IT TODAY FOR ONLY $44.70 OR GET IT FREE VIA TRIALPAY  

PHP Demo Application - Source Code

/Framework/Model/Vendor/jquery/plugins/jquery-ui-timepicker-addon.js



/*
* jQuery timepicker addon
* By: Trent Richardson [http://trentrichardson.com]
* Version 0.9.5
* Last Modified: 05/25/2011
* 
* Copyright 2011 Trent Richardson
* Dual licensed under the MIT and GPL licenses.
* http://trentrichardson.com/Impromptu/GPL-LICENSE.txt
* http://trentrichardson.com/Impromptu/MIT-LICENSE.txt
* 
* HERES THE CSS:
* .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px;
	}
* .ui-timepicker-div dl{ text-align: left;
	}
* .ui-timepicker-div dl dt{ height: 25px;
	}
* .ui-timepicker-div dl dd{ margin: -25px 10px 10px 65px;
	}
* .ui-timepicker-div td { font-size: 90%;
	}
*/
(function($) {
	$.extend($.ui, { timepicker: { version"0.9.5"
			}
		});
	/* Time picker 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. */
	function Timepicker() {
		    this.regional [];
		 // Available regional settings, indexed by language code
		    this.regional[''] = { // Default regional settings
			        currentText'Now',
			        closeText'Done',
			        ampmfalse,
			        timeFormat'hh:mm tt',
			        timeOnlyTitle'Choose Time',
			        timeText'Time',
			        hourText'Hour',
			        minuteText'Minute',
			        secondText'Second',
			        timezoneText'Time Zone'
			    };
		    this._defaults = { // Global defaults for all the datetime picker instances
			        showButtonPaneltrue,
			        timeOnlyfalse,
			        showHourtrue,
			        showMinutetrue,
			        showSecondfalse,
			        showTimezonefalse,
			        showTimetrue,
			        stepHour0.05,
			        stepMinute0.05,
			        stepSecond0.05,
			        hour0,
			        minute0,
			        second0,
			        timezone'+0000',
			        hourMin0,
			        minuteMin0,
			        secondMin0,
			        hourMax23,
			        minuteMax59,
			        secondMax59,
			        minDateTimenull,
			        maxDateTimenull,
			        hourGrid0,
			        minuteGrid0,
			        secondGrid0,
			        alwaysSetTimetrue,
			        separator' ',
			        altFieldTimeOnlytrue,
			        showTimepickertrue,
			        timezoneList: ["-1100""-1000""-0900""-0800""-0700""-0600",
			                   "-0500""-0400""-0300""-0200""-0100""+0000",
			                   "+0100""+0200""+0300""+0400""+0500""+0600",
			                   "+0700""+0800""+0900""+1000""+1100""+1200"]
			    };
		    $.extend(this._defaultsthis.regional['']);
		}
	$.extend(Timepicker.prototype, {
		    $inputnull,
		    $altInputnull,
		    $timeObjnull,
		    instnull,
		    hour_slidernull,
		    minute_slidernull,
		    second_slidernull,
		    timezone_selectnull,
		    hour0,
		    minute0,
		    second0,
		    timezone'+0000',
		    hourMinOriginalnull,
		    minuteMinOriginalnull,
		    secondMinOriginalnull,
		    hourMaxOriginalnull,
		    minuteMaxOriginalnull,
		    secondMaxOriginalnull,
		    ampm'',
		    formattedDate'',
		    formattedTime'',
		    formattedDateTime'',
		    timezoneList: ["-1100""-1000""-0900""-0800""-0700""-0600",
		            "-0500""-0400""-0300""-0200""-0100""+0000",
		            "+0100""+0200""+0300""+0400""+0500""+0600",
		            "+0700""+0800""+0900""+1000""+1100""+1200"],
		    /* Override the default settings for all instances of the time picker.
		       @param  settings  object - the new settings to use as defaults (anonymous object)
		       @return the manager object */
		    setDefaults: function(settings) {
			        extendRemove(this._defaultssettings || {});
			        return this;
			    },
		    //########################################################################
		    // Create a new Timepicker instance
		    //########################################################################
		    _newInst: function($inputo) {
			        var tp_inst = new Timepicker(),
			            inlineSettings {};
			        for (var attrName in this._defaults) {
				            var attrValue $input.attr('time:' attrName);
				            if (attrValue) {
					                try {
						                    inlineSettings[attrName] = eval(attrValue);
						                } catch (err) {
						                    inlineSettings[attrName] = attrValue;
						                }
					            }
				        }
			        tp_inst._defaults = $.extend({}this._defaultsinlineSettingso, {
				            beforeShow: function(inputdp_inst) {
					                if ($.isFunction(o.beforeShow))
					                    o.beforeShow(inputdp_insttp_inst);
					            },
				            onChangeMonthYear: function(yearmonthdp_inst) {
					                // Update the time as well : this prevents the time from disappearing from the $input field.
					                tp_inst._updateDateTime(dp_inst);
					                if ($.isFunction(o.onChangeMonthYear))
					                    o.onChangeMonthYear.call($input[0], yearmonthdp_insttp_inst);
					            },
				            onClose: function(dateTextdp_inst) {
					                if (tp_inst.timeDefined === true && $input.val() != '')
					                    tp_inst._updateDateTime(dp_inst);
					                if ($.isFunction(o.onClose))
					                    o.onClose.call($input[0], dateTextdp_insttp_inst);
					            },
				            timepickertp_inst // add timepicker as a property of datepicker: $.datepicker._get(dp_inst, 'timepicker');
				        });
			        tp_inst.hour tp_inst._defaults.hour;
			        tp_inst.minute tp_inst._defaults.minute;
			        tp_inst.second tp_inst._defaults.second;
			        tp_inst.ampm '';
			        tp_inst.$input $input;
			        if (o.altField)
			            tp_inst.$altInput = $(o.altField)
			                .css({ cursor'pointer'
				})
			                .focus(function(){ $input.trigger("focus");
				});
			        // 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());
			        return tp_inst;
			    },
		    //########################################################################
		    // add our sliders to the calendar
		    //########################################################################
		    _addTimePicker: function(dp_inst) {
			        var currDT = (this.$altInput && this._defaults.altFieldTimeOnly) ?
			                this.$input.val() + ' ' this.$altInput.val() : 
			                this.$input.val();
			        this.timeDefined this._parseTime(currDT);
			        this._limitMinMaxDateTime(dp_instfalse);
			        this._injectTimePicker();
			    },
		    //########################################################################
		    // parse the time string from input value or _setTime
		    //########################################################################
		    _parseTime: function(timeStringwithDate) {
			        var regstr this._defaults.timeFormat.toString()
			                .replace(/h{1,2}/ig'(\\d?\\d)')
			                .replace(/m{1,2}/ig'(\\d?\\d)')
			                .replace(/s{1,2}/ig'(\\d?\\d)')
			                .replace(/t{1,2}/ig'(am|pm|a|p)?')
			                .replace(/z{1}/ig'((\\+|-)\\d\\d\\d\\d)?')
			                .replace(/\s/g'\\s?') + '$',
			            order this._getFormatPositions(),
			            treg;
			        if (!this.instthis.inst = $.datepicker._getInst(this.$input[0]);
			        if (withDate || !this._defaults.timeOnly) {
				            // the time should come after x number of characters and a space.
				            // x = at least the length of text specified by the date format
				            var dp_dateFormat = $.datepicker._get(this.inst'dateFormat');
				            // escape special regex characters in the seperator
				            var specials = new RegExp("[.*+?|()\\[\\]{}\\\\]""g");
				            regstr '.{' dp_dateFormat.length ',}' this._defaults.separator.replace(specials"\\$&") + regstr;
				        }
			        treg timeString.match(new RegExp(regstr'i'));
			        if (treg) {
				            if (order.!== -1)
				                this.ampm = ((treg[order.t] === undefined || treg[order.t].length === 0) ?
				                    '' :
				                    (treg[order.t].charAt(0).toUpperCase() == 'A') ? 'AM' 'PM').toUpperCase();
				            if (order.!== -1) {
					                if (this.ampm == 'AM' && treg[order.h] == '12') 
					                    this.hour 0;
					 // 12am = 0 hour
					                else if (this.ampm == 'PM' && treg[order.h] != '12') 
					                    this.hour = (parseFloat(treg[order.h]) + 12).toFixed(0);
					 // 12pm = 12 hour, any other pm = hour + 12
					                else this.hour Number(treg[order.h]);
					            }
				            if (order.!== -1this.minute Number(treg[order.m]);
				            if (order.!== -1this.second Number(treg[order.s]);
				            if (order.!== -1this.timezone treg[order.z];
				            return true;
				        }
			        return false;
			    },
		    //########################################################################
		    // figure out position of time elements.. cause js cant do named captures
		    //########################################################################
		    _getFormatPositions: function() {
			        var finds this._defaults.timeFormat.toLowerCase().match(/(h{1,2}|m{1,2}|s{1,2}|t{1,2}|z)/g),
			            orders = { h: -1m: -1s: -1t: -1z: -1
				};
			        if (finds)
			            for (var 0;
			 finds.length;
			 i++)
			                if (orders[finds[i].toString().charAt(0)] == -1)
			                    orders[finds[i].toString().charAt(0)] = 1;
			        return orders;
			    },
		    //########################################################################
		    // generate and inject html for timepicker into ui datepicker
		    //########################################################################
		    _injectTimePicker: function() {
			        var $dp this.inst.dpDiv,
			            this._defaults,
			            tp_inst this,
			            // 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.
			            hourMax = (o.hourMax - (o.hourMax o.stepHour)).toFixed(0),
			            minMax  = (o.minuteMax - (o.minuteMax o.stepMinute)).toFixed(0),
			            secMax  = (o.secondMax - (o.secondMax o.stepSecond)).toFixed(0),
			            dp_id this.inst.id.toString().replace(/([^A-Za-z0-9_])/g'');
			        // Prevent displaying twice
			        //if ($dp.find("div#ui-timepicker-div-"+ dp_id).length === 0) {
				        if ($dp.find("div#ui-timepicker-div-"dp_id).length === && o.showTimepicker) {
					            var noDisplay ' style="display:none;
					"',
					                html =    '<div class="ui-timepicker-div" id="ui-timepicker-div-' dp_id '"><dl>' +
					                        '<dt class="ui_tpicker_time_label" id="ui_tpicker_time_label_' dp_id '"' +
					                        ((o.showTime) ? '' noDisplay) + '>' o.timeText '</dt>' +
					                        '<dd class="ui_tpicker_time" id="ui_tpicker_time_' dp_id '"' +
					                        ((o.showTime) ? '' noDisplay) + '></dd>' +
					                        '<dt class="ui_tpicker_hour_label" id="ui_tpicker_hour_label_' dp_id '"' +
					                        ((o.showHour) ? '' noDisplay) + '>' o.hourText '</dt>',
					                hourGridSize 0,
					                minuteGridSize 0,
					                secondGridSize 0,
					                size;
					            if (o.showHour && o.hourGrid 0) {
						                html += '<dd class="ui_tpicker_hour">' +
						                        '<div id="ui_tpicker_hour_' dp_id '"' + ((o.showHour)   ? '' noDisplay) + '></div>' +
						                        '<div style="padding-left: 1px"><table><tr>';
						                for (var o.hourMin;
						 hourMax;
						 += o.hourGrid) {
							                    hourGridSize++;
							                    var tmph = (o.ampm && 12) ? h-12 h;
							                    if (tmph 10tmph '0' tmph;
							                    if (o.ampm) {
								                        if (== 0tmph 12 +'a';
								                        else if (12tmph += 'a';
								                        else tmph += 'p';
								                    }
							                    html += '<td>' tmph '</td>';
							                }
						                html += '</tr></table></div>' +
						                        '</dd>';
						            } else html += '<dd class="ui_tpicker_hour" id="ui_tpicker_hour_' dp_id '"' +
					                            ((o.showHour) ? '' noDisplay) + '></dd>';
					            html += '<dt class="ui_tpicker_minute_label" id="ui_tpicker_minute_label_' dp_id '"' +
					                    ((o.showMinute) ? '' noDisplay) + '>' o.minuteText '</dt>';
					            if (o.showMinute && o.minuteGrid 0) {
						                html += '<dd class="ui_tpicker_minute ui_tpicker_minute_' o.minuteGrid '">' +
						                        '<div id="ui_tpicker_minute_' dp_id '"' +
						                        ((o.showMinute) ? '' noDisplay) + '></div>' +
						                        '<div style="padding-left: 1px"><table><tr>';
						                for (var o.minuteMin;
						 minMax;
						 += o.minuteGrid) {
							                    minuteGridSize++;
							                    html += '<td>' + ((10) ? '0' '') + '</td>';
							                }
						                html += '</tr></table></div>' +
						                        '</dd>';
						            } else html += '<dd class="ui_tpicker_minute" id="ui_tpicker_minute_' dp_id '"' +
					                            ((o.showMinute) ? '' noDisplay) + '></dd>';
					            html += '<dt class="ui_tpicker_second_label" id="ui_tpicker_second_label_' dp_id '"' +
					                    ((o.showSecond) ? '' noDisplay) + '>' o.secondText '</dt>';
					            if (o.showSecond && o.secondGrid 0) {
						                html += '<dd class="ui_tpicker_second ui_tpicker_second_' o.secondGrid '">' +
						                        '<div id="ui_tpicker_second_' dp_id '"' +
						                        ((o.showSecond) ? '' noDisplay) + '></div>' +
						                        '<div style="padding-left: 1px"><table><tr>';
						                for (var o.secondMin;
						 secMax;
						 += o.secondGrid) {
							                    secondGridSize++;
							                    html += '<td>' + ((10) ? '0' '') + '</td>';
							                }
						                html += '</tr></table></div>' +
						                        '</dd>';
						            } else html += '<dd class="ui_tpicker_second" id="ui_tpicker_second_' dp_id '"'    +
					                            ((o.showSecond) ? '' noDisplay) + '></dd>';
					            html += '<dt class="ui_tpicker_timezone_label" id="ui_tpicker_timezone_label_' dp_id '"' +
					                    ((o.showTimezone) ? '' noDisplay) + '>' o.timezoneText '</dt>';
					            html += '<dd class="ui_tpicker_timezone" id="ui_tpicker_timezone_' dp_id '"'    +
					                            ((o.showTimezone) ? '' noDisplay) + '></dd>';
					            html += '</dl></div>';
					            $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();
						            }
					            this.hour_slider $tp.find('#ui_tpicker_hour_'dp_id).slider({
						                orientation"horizontal",
						                valuethis.hour,
						                mino.hourMin,
						                maxhourMax,
						                stepo.stepHour,
						                slide: function(eventui) {
							                    tp_inst.hour_slider.slider"option""value"ui.value);
							                    tp_inst._onTimeChange();
							                }
						            });
					            // Updated by Peter Medeiros:
					            // - Pass in Event and UI instance into slide function
					            this.minute_slider $tp.find('#ui_tpicker_minute_'dp_id).slider({
						                orientation"horizontal",
						                valuethis.minute,
						                mino.minuteMin,
						                maxminMax,
						                stepo.stepMinute,
						                slide: function(eventui) {
							                    // update the global minute slider instance value with the current slider value
							                    tp_inst.minute_slider.slider"option""value"ui.value);
							                    tp_inst._onTimeChange();
							                }
						            });
					            this.second_slider $tp.find('#ui_tpicker_second_'dp_id).slider({
						                orientation"horizontal",
						                valuethis.second,
						                mino.secondMin,
						                maxsecMax,
						                stepo.stepSecond,
						                slide: function(eventui) {
							                    tp_inst.second_slider.slider"option""value"ui.value);
							                    tp_inst._onTimeChange();
							                }
						            });
					            this.timezone_select $tp.find('#ui_tpicker_timezone_'dp_id).append('<select></select>').find("select");
					            $.fn.append.apply(this.timezone_select,
					                $.map(o.timezoneList, function(validx) {
						                    return $("<option />")
						                        .val(typeof val == "object" val.value val)
						                        .text(typeof val == "object" val.label val);
						                })
					            );
					            this.timezone_select.val((typeof this.timezone != "undefined" && this.timezone != null && this.timezone != "") ? this.timezone o.timezone);
					            this.timezone_select.change(function() {
						                tp_inst._onTimeChange();
						            });
					            // Add grid functionality
					            if (o.showHour && o.hourGrid 0) {
						                size 100 hourGridSize o.hourGrid / (hourMax o.hourMin);
						                $tp.find(".ui_tpicker_hour table").css({
							                    widthsize "%",
							                    marginLeft: (size / (-hourGridSize)) + "%",
							                    borderCollapse'collapse'
							                }).find("td").each( function(index) {
							                    $(this).click(function() {
								                        var = $(this).html();
								                        if(o.ampm)    {
									                            var ap h.substring(2).toLowerCase(),
									                                aph parseInt(h.substring(0,2));
									                            if (ap == 'a') {
										                                if (aph == 120;
										                                else aph;
										                            } else if (aph == 1212;
									                            else aph 12;
									                        }
								                        tp_inst.hour_slider.slider("option""value"h);
								                        tp_inst._onTimeChange();
								                        tp_inst._onSelectHandler();
								                    }).css({
								                        cursor'pointer',
								                        width: (100 hourGridSize) + '%',
								                        textAlign'center',
								                        overflow'hidden'
								                    });
							                });
						            }
					            if (o.showMinute && o.minuteGrid 0) {
						                size 100 minuteGridSize o.minuteGrid / (minMax o.minuteMin);
						                $tp.find(".ui_tpicker_minute table").css({
							                    widthsize "%",
							                    marginLeft: (size / (-minuteGridSize)) + "%",
							                    borderCollapse'collapse'
							                }).find("td").each(function(index) {
							                    $(this).click(function() {
								                        tp_inst.minute_slider.slider("option""value", $(this).html());
								                        tp_inst._onTimeChange();
								                        tp_inst._onSelectHandler();
								                    }).css({
								                        cursor'pointer',
								                        width: (100 minuteGridSize) + '%',
								                        textAlign'center',
								                        overflow'hidden'
								                    });
							                });
						            }
					            if (o.showSecond && o.secondGrid 0) {
						                $tp.find(".ui_tpicker_second table").css({
							                    widthsize "%",
							                    marginLeft: (size / (-secondGridSize)) + "%",
							                    borderCollapse'collapse'
							                }).find("td").each(function(index) {
							                    $(this).click(function() {
								                        tp_inst.second_slider.slider("option""value", $(this).html());
								                        tp_inst._onTimeChange();
								                        tp_inst._onSelectHandler();
								                    }).css({
								                        cursor'pointer',
								                        width: (100 secondGridSize) + '%',
								                        textAlign'center',
								                        overflow'hidden'
								                    });
							                });
						            }
					            var $buttonPanel $dp.find('.ui-datepicker-buttonpane');
					            if ($buttonPanel.length$buttonPanel.before($tp);
					            else $dp.append($tp);
					            this.$timeObj $tp.find('#ui_tpicker_time_'dp_id);
					            if (this.inst !== null) {
						                var timeDefined this.timeDefined;
						                this._onTimeChange();
						                this.timeDefined timeDefined;
						            }
					            //Emulate datepicker onSelect behavior. Call on slidestop.
					            var onSelectDelegate = function() {
						                tp_inst._onSelectHandler();
						            };
					            this.hour_slider.bind('slidestop',onSelectDelegate);
					            this.minute_slider.bind('slidestop',onSelectDelegate);
					            this.second_slider.bind('slidestop',onSelectDelegate);
					        }
				    },
			    //########################################################################
			    // This function tries to limit the ability to go outside the 
			    // min/max date range
			    //########################################################################
			    _limitMinMaxDateTime: function(dp_instadjustSliders){
				        var this._defaults,
				            dp_date = new Date(dp_inst.selectedYeardp_inst.selectedMonthdp_inst.selectedDay);
				        if(!this._defaults.showTimepicker) return;
				 // No time so nothing to check here
				        if(this._defaults.minDateTime !== null && dp_date){
					            var minDateTime this._defaults.minDateTime,
					                minDateTimeDate = new Date(minDateTime.getFullYear(), minDateTime.getMonth(), minDateTime.getDate(), 0000);
					            if(this.hourMinOriginal === null || this.minuteMinOriginal === null || this.secondMinOriginal === null){
						                this.hourMinOriginal o.hourMin;
						                this.minuteMinOriginal o.minuteMin;
						                this.secondMinOriginal o.secondMin;
						            }
					            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();
								                    } else {
								                        if(this.second this._defaults.secondMinthis.second this._defaults.secondMin;
								                        this._defaults.secondMin this.secondMinOriginal;
								                    }
							                } else {
							                    this._defaults.minuteMin this.minuteMinOriginal;
							                    this._defaults.secondMin this.secondMinOriginal;
							                }
						            }else{
						                this._defaults.hourMin this.hourMinOriginal;
						                this._defaults.minuteMin this.minuteMinOriginal;
						                this._defaults.secondMin this.secondMinOriginal;
						            }
					        }
				        if(this._defaults.maxDateTime !== null && dp_date){
					            var maxDateTime this._defaults.maxDateTime,
					                maxDateTimeDate = new Date(maxDateTime.getFullYear(), maxDateTime.getMonth(), maxDateTime.getDate(), 0000);
					            if(this.hourMaxOriginal === null || this.minuteMaxOriginal === null || this.secondMaxOriginal === null){
						                this.hourMaxOriginal o.hourMax;
						                this.minuteMaxOriginal o.minuteMax;
						                this.secondMaxOriginal o.secondMax;
						            }
					            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.secondMin maxDateTime.getSeconds();
								                    } else {
								                        if(this.second this._defaults.secondMaxthis.second this._defaults.secondMax;
								                        this._defaults.secondMax this.secondMaxOriginal;
								                    }
							                } else {
							                    this._defaults.minuteMax this.minuteMaxOriginal;
							                    this._defaults.secondMax this.secondMaxOriginal;
							                }
						            }else{
						                this._defaults.hourMax this.hourMaxOriginal;
						                this._defaults.minuteMax this.minuteMaxOriginal;
						                this._defaults.secondMax this.secondMaxOriginal;
						            }
					        }
				        if(adjustSliders !== undefined && adjustSliders === true){
					            this.hour_slider.slider("option", { minthis._defaults.hourMinmaxthis._defaults.hourMax
						}).slider('value'this.hour);
					            this.minute_slider.slider("option", { minthis._defaults.minuteMinmaxthis._defaults.minuteMax
						}).slider('value'this.minute);
					            this.second_slider.slider("option", { minthis._defaults.secondMinmaxthis._defaults.secondMax
						}).slider('value'this.second);
					        }
				    },
			    //########################################################################
			    // 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() {
				        var hour   = (this.hour_slider) ? this.hour_slider.slider('value') : false,
				            minute = (this.minute_slider) ? this.minute_slider.slider('value') : false,
				            second = (this.second_slider) ? this.second_slider.slider('value') : false,
				            timezone = (this.timezone_select) ? this.timezone_select.val() : false;
				        if (hour !== falsehour parseInt(hour,10);
				        if (minute !== falseminute parseInt(minute,10);
				        if (second !== falsesecond parseInt(second,10);
				        var ampm = (hour 12) ? 'AM' 'PM';
				        // 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 != this.hour || minute != this.minute || second != this.second || (this.ampm.length && this.ampm != ampm) || timezone != this.timezone);
				        if (hasChanged) {
					            if (hour !== false)this.hour hour;
					            if (minute !== falsethis.minute minute;
					            if (second !== falsethis.second second;
					            if (timezone !== falsethis.timezone timezone;
					            this._limitMinMaxDateTime(this.insttrue);
					        }
				        if (this._defaults.ampmthis.ampm ampm;
				        this._formatTime();
				        if (this.$timeObjthis.$timeObj.text(this.formattedTime);
				        this.timeDefined true;
				        if (hasChangedthis._updateDateTime();
				    },
			    //########################################################################
			    // call custom onSelect. 
			    // bind to sliders slidestop, and grid click.
			    //########################################################################
			    _onSelectHandler: function() {
				        var onSelect this._defaults['onSelect'];
				        var inputEl this.$input this.$input[0] : null;
				        if (onSelect && inputEl) {
					            onSelect.apply(inputEl, [this.formattedDateTimethis]);
					        }
				    },
			    //########################################################################
			    // format the time all pretty...
			    //########################################################################
			    _formatTime: function(timeformatampm) {
				        if (ampm == undefinedampm this._defaults.ampm;
				        time time || { hourthis.hourminutethis.minutesecondthis.secondampmthis.ampmtimezonethis.timezone
					};
				        var tmptime format || this._defaults.timeFormat.toString();
				        if (ampm) {
					            var hour12 = ((time.ampm == 'AM') ? (time.hour) : (time.hour 12));
					            hour12 = (Number(hour12) === 0) ? 12 hour12;
					            tmptime tmptime.toString()
					                .replace(/hh/g, ((hour12 10) ? '0' '') + hour12)
					                .replace(/h/ghour12)
					                .replace(/mm/g, ((time.minute 10) ? '0' '') + time.minute)
					                .replace(/m/gtime.minute)
					                .replace(/ss/g, ((time.second 10) ? '0' '') + time.second)
					                .replace(/s/gtime.second)
					                .replace(/TT/gtime.ampm.toUpperCase())
					                .replace(/Tt/gtime.ampm.toUpperCase())
					                .replace(/tT/gtime.ampm.toLowerCase())
					                .replace(/tt/gtime.ampm.toLowerCase())
					                .replace(/T/gtime.ampm.charAt(0).toUpperCase())
					                .replace(/t/gtime.ampm.charAt(0).toLowerCase())
					                .replace(/z/gtime.timezone);
					        } else {
					            tmptime tmptime.toString()
					                .replace(/hh/g, ((time.hour 10) ? '0' '') + time.hour)
					                .replace(/h/gtime.hour)
					                .replace(/mm/g, ((time.minute 10) ? '0' '') + time.minute)
					                .replace(/m/gtime.minute)
					                .replace(/ss/g, ((time.second 10) ? '0' '') + time.second)
					                .replace(/s/gtime.second)
					                .replace(/z/gtime.timezone);
					            tmptime = $.trim(tmptime.replace(/t/gi''));
					        }
				        if (arguments.length) return tmptime;
				        else this.formattedTime tmptime;
				    },
			    //########################################################################
			    // update our input with the new date time..
			    //########################################################################
			    _updateDateTime: function(dp_inst) {
				        dp_inst this.inst || dp_inst,
				            dt = new Date(dp_inst.selectedYeardp_inst.selectedMonthdp_inst.selectedDay),
				            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 (dp_inst.lastVal !== undefined && (dp_inst.lastVal.length && this.$input.val().length === 0))
				            return;
				        if (this._defaults.timeOnly === true) {
					            formattedDateTime this.formattedTime;
					        } else if (this._defaults.timeOnly !== true && (this._defaults.alwaysSetTime || timeAvailable)) {
					            formattedDateTime += this._defaults.separator this.formattedTime;
					        }
				        this.formattedDateTime formattedDateTime;
				        if(!this._defaults.showTimepicker) {
					            this.$input.val(this.formattedDate);
					        } else if (this.$altInput && this._defaults.altFieldTimeOnly === true) {
					            this.$altInput.val(this.formattedTime);
					            this.$input.val(this.formattedDate);
					        } else if(this.$altInput) {
					            this.$altInput.val(formattedDateTime);
					            this.$input.val(formattedDateTime);
					        } else {
					            this.$input.val(formattedDateTime);
					        }
				        this.$input.trigger("change");
				    }
			});
		$.fn.extend({
			    //########################################################################
			    // shorthand just to use timepicker..
			    //########################################################################
			    timepicker: function(o) {
				        || {};
				        var tmp_args arguments;
				        if (typeof o == 'object'tmp_args[0] = $.extend(o, { timeOnlytrue
					});
				        return $(this).each(function() {
					            $.fn.datetimepicker.apply($(this), tmp_args);
					        });
				    },
			    //########################################################################
			    // extend timepicker to datepicker
			    //########################################################################
			    datetimepicker: function(o) {
				        || {};
				        var $input this,
				        tmp_args arguments;
				        if (typeof(o) == 'string'){
					            if(== 'getDate') 
					                return $.fn.datepicker.apply($(this[0]), tmp_args);
					            else 
					                return this.each(function() {
						                    var $t = $(this);
						                    $t.datepicker.apply($ttmp_args);
						                });
					        }
				        else
				            return this.each(function() {
					                var $t = $(this);
					                $t.datepicker($.timepicker._newInst($to)._defaults);
					            });
				    }
			});
		//########################################################################
		// the bad hack :/ override datepicker so it doesnt 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 (iddateStr) {
			    var inst this._getInst($(id)[0]),
			        tp_inst this._get(inst'timepicker');
			    if (tp_inst) {
				        tp_inst._limitMinMaxDateTime(insttrue);
				        inst.inline inst.stay_open true;
				        //This way the onSelect handler called from calendarpicker get the full dateTime
				        this._base_selectDate(iddateStr tp_inst._defaults.separator tp_inst.formattedTime);
				        inst.inline inst.stay_open false;
				        this._notifyChange(inst);
				        this._updateDatepicker(inst);
				    }
			    else this._base_selectDate(iddateStr);
			};
		//#############################################################################################
		// 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) {
			    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_insttp_inst._addTimePicker(inst);
				    }
			};
		//#######################################################################################
		// third bad hack :/ override datepicker so it allows spaces and colan 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._defaults.ampm,
					                datetimeChars tp_inst._defaults.timeFormat.toString()
					                                .replace(/[hms]/g'')
					                                .replace(/TT/gampm 'APM' '')
					                                .replace(/Tt/gampm 'AaPpMm' '')
					                                .replace(/tT/gampm 'AaPpMm' '')
					                                .replace(/T/gampm 'AP' '')
					                                .replace(/tt/gampm 'apm' '')
					                                .replace(/t/gampm 'ap' '') +
					                                " " +
					                                tp_inst._defaults.separator +
					                                $.datepicker._possibleChars($.datepicker._get(inst'dateFormat')),
					                chr String.fromCharCode(event.charCode === undefined event.keyCode event.charCode);
					            return event.ctrlKey || (chr ' ' || !datetimeChars || datetimeChars.indexOf(chr) > -1);
					        }
				    }
			    return $.datepicker._base_doKeyPress(event);
			};
		//#######################################################################################
		// 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) {
						                $.datepicker.log(err);
						            }
					        }
				    }
			    return $.datepicker._base_doKeyUp(event);
			};
		//#######################################################################################
		// override "Today" button to also grab the time.
		//#######################################################################################
		$.datepicker._base_gotoToday = $.datepicker._gotoToday;
		$.datepicker._gotoToday = function(id) {
			    this._base_gotoToday(id);
			    this._setTime(this._getInst($(id)[0]), new Date());
			};
		//#######################################################################################
		// Disable & enable the Time in the datetimepicker
		//#######################################################################################
		$.datepicker._disableTimepickerDatepicker = function(targetdatewithDate) {
			    var inst this._getInst(target),
			    tp_inst this._get(inst'timepicker');
			    $(target).datepicker('getDate');
			 // Init selected[Year|Month|Day]
			    if (tp_inst) {
				        tp_inst._defaults.showTimepicker false;
				        tp_inst._updateDateTime(inst);
				    }
			};
		$.datepicker._enableTimepickerDatepicker = function(targetdatewithDate) {
			    var inst this._getInst(target),
			    tp_inst this._get(inst'timepicker');
			    $(target).datepicker('getDate');
			 // Init selected[Year|Month|Day]
			    if (tp_inst) {
				        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(instdate) {
			    var tp_inst this._get(inst'timepicker');
			    if (tp_inst) {
				        var defaults tp_inst._defaults,
				            // calling _setTime with no date sets time to defaults
				            hour date date.getHours() : defaults.hour,
				            minute date date.getMinutes() : defaults.minute,
				            second date date.getSeconds() : defaults.second;
				        //check if within min/max times..
				        if ((hour defaults.hourMin || hour defaults.hourMax) || (minute defaults.minuteMin || minute defaults.minuteMax) || (second defaults.secondMin || second defaults.secondMax)) {
					            hour defaults.hourMin;
					            minute defaults.minuteMin;
					            second defaults.secondMin;
					        }
				        if (tp_inst.hour_slidertp_inst.hour_slider.slider('value'hour);
				        else tp_inst.hour hour;
				        if (tp_inst.minute_slidertp_inst.minute_slider.slider('value'minute);
				        else tp_inst.minute minute;
				        if (tp_inst.second_slidertp_inst.second_slider.slider('value'second);
				        else tp_inst.second second;
				        tp_inst._onTimeChange();
				        tp_inst._updateDateTime(inst);
				    }
			};
		//#######################################################################################
		// Create new public method to set only time, callable as $().datepicker('setTime', date)
		//#######################################################################################
		$.datepicker._setTimeDatepicker = function(targetdatewithDate) {
			    var inst this._getInst(target),
			        tp_inst this._get(inst'timepicker');
			    if (tp_inst) {
				        this._setDateFromField(inst);
				        var tp_date;
				        if (date) {
					            if (typeof date == "string") {
						                tp_inst._parseTime(datewithDate);
						                tp_date = new Date();
						                tp_date.setHours(tp_inst.hourtp_inst.minutetp_inst.second);
						            }
					            else tp_date = new Date(date.getTime());
					            if (tp_date.toString() == 'Invalid Date'tp_date undefined;
					            this._setTime(insttp_date);
					        }
				    }
			};
		//#######################################################################################
		// override setDate() to allow setting time too within Date object
		//#######################################################################################
		$.datepicker._base_setDateDatepicker = $.datepicker._setDateDatepicker;
		$.datepicker._setDateDatepicker = function(targetdate) {
			    var inst this._getInst(target),
			    tp_date = (date instanceof Date) ? new Date(date.getTime()) : date;
			    this._updateDatepicker(inst);
			    this._base_setDateDatepicker.apply(thisarguments);
			    this._setTimeDatepicker(targettp_datetrue);
			};
		//#######################################################################################
		// override getDate() to allow getting time too within Date object
		//#######################################################################################
		$.datepicker._base_getDateDatepicker = $.datepicker._getDateDatepicker;
		$.datepicker._getDateDatepicker = function(targetnoDefault) {
			    var inst this._getInst(target),
			        tp_inst this._get(inst'timepicker');
			    if (tp_inst) {
				        this._setDateFromField(instnoDefault);
				        var date this._getDate(inst);
				        if (date && tp_inst._parseTime($(target).val(), tp_inst.timeOnly)) date.setHours(tp_inst.hourtp_inst.minutetp_inst.second);
				        return date;
				    }
			    return this._base_getDateDatepicker(targetnoDefault);
			};
		//#######################################################################################
		// jQuery extend now ignores nulls!
		//#######################################################################################
		function extendRemove(targetprops) {
			    $.extend(targetprops);
			    for (var name in props)
			        if (props[name] === null || props[name] === undefined)
			            target[name] = props[name];
			    return target;
			}
		$.timepicker = new Timepicker();
		 // singleton instance
		$.timepicker.version "0.9.5";
		})(jQuery);
	
	
	
	

PHP Demo Source Code Index