/*
* jQuery timepicker addon
* By: Trent Richardson [http://trentrichardson.com]
* Version 0.1
* Last Modified: 4/19/2010
*
* Copyright 2010 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 dl{ text-align: left; }
* #ui-timepicker-div dl dt{ height: 25px; }
* #ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
*/
(function($){
function Timepicker() {}
Timepicker.prototype = {
$input : null,
$timeObj : null,
inst : null,
hour_slider : null,
minute_slider : null,
second_slider : null,
hour : 0,
minute : 0,
second : 0,
ampm : '',
formattedDate : '',
formattedTime : '',
formattedDateTime : '',
defaults: {
holdDatepickerOpen: true,
showButtonPanel: true,
timeOnly: false,
showHour: true,
showMinute: true,
showSecond: false,
stepHour: .05,
stepMinute: .05,
stepSecond: .05,
ampm: false,
hour: 0,
minute: 0,
second: 0,
timeFormat: 'hh:mm tt'
},
//########################################################################
// add our sliders to the calendar
//########################################################################
addTimePicker : function(){
var inst = this;
var currDT = this.$input.val();
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(/\s/g,'\\s?');
var order = this.getFormatPositions();
var treg = currDT.match(new RegExp(regstr,'i'));
if(treg){
if(order.t !== -1)
this.ampm = ((treg[order.t] == undefined)? '': (treg[order.t].charAt(0).toUpperCase()=='A')? 'AM':'PM').toUpperCase();
if (order.h !== -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 = treg[order.h];
}
if(order.m !== -1)
this.minute = treg[order.m];
if(order.s !== -1)
this.second = treg[order.s];
}
// wait for datepicker to create itself.. 60% of the time it works every time..
setTimeout(function(){
inst.injectTimePicker(inst);
},10);
},
//########################################################################
// 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})/g);
var orders = { h: -1, m: -1, s: -1, t: -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;
},
//########################################################################
// generate and inject html for timepicker into ui datepicker
//########################################################################
injectTimePicker: function(inst){
var $theDP = $('#'+ $.datepicker._mainDivId);
var html = ''+
'
'+
'- Time
'+
''+
'- Hour
'+
''+
'- Minute
'+
''+
'- Second
'+
''+
'
'+
'