--- a/static/jdpicker.js
+++ b/static/jdpicker.js
@@ -28,18 +28,18 @@
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.
*/
-jdPicker = (function($) {
+jdPicker = (function($) {
function jdPicker(el, opts) {
if (typeof(opts) != "object") opts = {};
$.extend(this, jdPicker.DEFAULT_OPTS, opts);
-
+
this.input = $(el);
this.bindMethodsToObj("show", "hide", "hideIfClickOutside", "keydownHandler", "selectDate");
-
+
this.build();
this.selectDate();
-
+
this.hide();
};
jdPicker.DEFAULT_OPTS = {
@@ -60,169 +60,169 @@
};
jdPicker.prototype = {
build: function() {
-
+
this.wrapp = this.input.wrap('<div class="jdpicker_w">');
-
+
switch (this.date_format){
- case "dd/mm/YYYY":
- this.reg = new RegExp(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
+ case "dd/mm/YYYY":
+ this.reg = new RegExp(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
this.date_decode = "new Date(matches[3], parseInt(matches[2]-1), matches[1]);";
this.date_encode = 'this.strpad(date.getDate()) + "/" + this.strpad(date.getMonth()+1) + "/" + date.getFullYear();';
this.date_encode_s = 'this.strpad(date.getDate()) + "/" + this.strpad(date.getMonth()+1)';
break;
- case "FF dd YYYY":
- this.reg = new RegExp(/^([a-zA-Z]+) (\d{1,2}) (\d{4})$/);
- this.date_decode = "new Date(matches[3], this.indexFor(this.month_names, matches[1]), matches[2]);";
+ case "FF dd YYYY":
+ this.reg = new RegExp(/^([a-zA-Z]+) (\d{1,2}) (\d{4})$/);
+ this.date_decode = "new Date(matches[3], this.indexFor(this.month_names, matches[1]), matches[2]);";
this.date_encode = 'this.month_names[date.getMonth()] + " " + this.strpad(date.getDate()) + " " + date.getFullYear();';
this.date_encode_s = 'this.month_names[date.getMonth()] + " " + this.strpad(date.getDate());';
break;
- case "dd MM YYYY":
- this.reg = new RegExp(/^(\d{1,2}) ([a-zA-Z]{3}) (\d{4})$/);
- this.date_decode = "new Date(matches[3], this.indexFor(this.short_month_names, matches[2]), matches[1]);";
- this.date_encode = 'this.strpad(date.getDate()) + " " + this.short_month_names[date.getMonth()] + " " + date.getFullYear();';
- this.date_encode_s = 'this.strpad(date.getDate()) + " " + this.short_month_names[date.getMonth()];';
+ case "dd MM YYYY":
+ this.reg = new RegExp(/^(\d{1,2}) ([a-zA-Z]{3}) (\d{4})$/);
+ this.date_decode = "new Date(matches[3], this.indexFor(this.short_month_names, matches[2]), matches[1]);";
+ this.date_encode = 'this.strpad(date.getDate()) + " " + this.short_month_names[date.getMonth()] + " " + date.getFullYear();';
+ this.date_encode_s = 'this.strpad(date.getDate()) + " " + this.short_month_names[date.getMonth()];';
break;
- case "MM dd YYYY":
- this.reg = new RegExp(/^([a-zA-Z]{3}) (\d{1,2}) (\d{4})$/);
- this.date_decode = "new Date(matches[3], this.indexFor(this.short_month_names, matches[1]), matches[2]);";
- this.date_encode = 'this.short_month_names[date.getMonth()] + " " + this.strpad(date.getDate()) + " " + date.getFullYear();';
- this.date_encode_s = 'this.short_month_names[date.getMonth()] + " " + this.strpad(date.getDate());';
+ case "MM dd YYYY":
+ this.reg = new RegExp(/^([a-zA-Z]{3}) (\d{1,2}) (\d{4})$/);
+ this.date_decode = "new Date(matches[3], this.indexFor(this.short_month_names, matches[1]), matches[2]);";
+ this.date_encode = 'this.short_month_names[date.getMonth()] + " " + this.strpad(date.getDate()) + " " + date.getFullYear();';
+ this.date_encode_s = 'this.short_month_names[date.getMonth()] + " " + this.strpad(date.getDate());';
break;
- case "dd FF YYYY":
- this.reg = new RegExp(/^(\d{1,2}) ([a-zA-Z]+) (\d{4})$/);
- this.date_decode = "new Date(matches[3], this.indexFor(this.month_names, matches[2]), matches[1]);";
- this.date_encode = 'this.strpad(date.getDate()) + " " + this.month_names[date.getMonth()] + " " + date.getFullYear();';
- this.date_encode_s = 'this.strpad(date.getDate()) + " " + this.month_names[date.getMonth()];';
+ case "dd FF YYYY":
+ this.reg = new RegExp(/^(\d{1,2}) ([a-zA-Z]+) (\d{4})$/);
+ this.date_decode = "new Date(matches[3], this.indexFor(this.month_names, matches[2]), matches[1]);";
+ this.date_encode = 'this.strpad(date.getDate()) + " " + this.month_names[date.getMonth()] + " " + date.getFullYear();';
+ this.date_encode_s = 'this.strpad(date.getDate()) + " " + this.month_names[date.getMonth()];';
break;
- case "YYYY-mm-dd":
- default:
- this.reg = new RegExp(/^(\d{4})\-(\d{1,2})\-(\d{1,2})$/);
- this.date_decode = "new Date(matches[1], parseInt(matches[2]-1), matches[3]);";
- this.date_encode = 'date.getFullYear() + "-" + this.strpad(date.getMonth()+1) + "-" + this.strpad(date.getDate());';
- this.date_encode_s = 'this.strpad(date.getMonth()+1) + "-" + this.strpad(date.getDate());';
+ case "YYYY-mm-dd":
+ default:
+ this.reg = new RegExp(/^(\d{4})\-(\d{1,2})\-(\d{1,2})$/);
+ this.date_decode = "new Date(matches[1], parseInt(matches[2]-1), matches[3]);";
+ this.date_encode = 'date.getFullYear() + "-" + this.strpad(date.getMonth()+1) + "-" + this.strpad(date.getDate());';
+ this.date_encode_s = 'this.strpad(date.getMonth()+1) + "-" + this.strpad(date.getDate());';
break;
}
-
+
if(this.date_max != "" && this.date_max.match(this.reg)){
var matches = this.date_max.match(this.reg);
this.date_max = eval(this.date_decode);
}else
this.date_max = "";
-
+
if(this.date_min != "" && this.date_min.match(this.reg)){
var matches = this.date_min.match(this.reg);
this.date_min = eval(this.date_decode);
}else
this.date_min = "";
-
+
var monthNav = $('<p class="month_nav">' +
'<span class="button prev" title="[PageUp]">«</span>' +
' <span class="month_name"></span> ' +
'<span class="button next" title="[PageDown]">»</span>' +
'</p>');
-
+
this.monthNameSpan = $(".month_name", monthNav);
$(".prev", monthNav).click(this.bindToObj(function() { this.moveMonthBy(-1); }));
$(".next", monthNav).click(this.bindToObj(function() { this.moveMonthBy(1); }));
-
+
this.monthNameSpan.dblclick(this.bindToObj(function(){
this.monthNameSpan.empty().append(this.getMonthSelect());
$('select', this.monthNameSpan).change(this.bindToObj(function(){
this.moveMonthBy(parseInt($('select :selected', this.monthNameSpan).val()) - this.currentMonth.getMonth());
}));
}));
-
+
var yearNav = $('<p class="year_nav">' +
'<span class="button prev" title="[Shift+PageUp]">«</span>' +
' <span class="year_name" id="year_name"></span> ' +
'<span class="button next" title="[Shift+PageDown]">»</span>' +
'</p>');
-
+
this.yearNameSpan = $(".year_name", yearNav);
$(".prev", yearNav).click(this.bindToObj(function() { this.moveMonthBy(-12); }));
$(".next", yearNav).click(this.bindToObj(function() { this.moveMonthBy(12); }));
-
+
this.yearNameSpan.dblclick(this.bindToObj(function(){
-
+
if($('.year_name input', this.rootLayers).length==0){
var initialDate = this.yearNameSpan.html();
-
+
var yearNameInput = $('<input type="text" class="text year_input" value="'+initialDate+'" />');
this.yearNameSpan.empty().append(yearNameInput);
-
+
$(".year_input", yearNav).keyup(this.bindToObj(function(){
if($('input',this.yearNameSpan).val().length == 4 && $('input',this.yearNameSpan).val() != initialDate && parseInt($('input',this.yearNameSpan).val()) == $('input',this.yearNameSpan).val()){
this.moveMonthBy(parseInt(parseInt(parseInt($('input',this.yearNameSpan).val()) - initialDate)*12));
}else if($('input',this.yearNameSpan).val().length>4)
$('input',this.yearNameSpan).val($('input',this.yearNameSpan).val().substr(0, 4));
}));
-
+
$('input',this.yearNameSpan).focus();
$('input',this.yearNameSpan).select();
}
-
+
}));
var error_msg = $('<div class="error_msg"></div>');
-
+
var nav = $('<div class="nav"></div>').append(error_msg, monthNav, yearNav);
-
+
var tableShell = "<table><thead><tr>";
-
+
if(this.show_week == 1) tableShell +='<th class="week_label">'+(this.week_label)+'</th>';
-
+
$(this.adjustDays(this.short_day_names)).each(function() {
tableShell += "<th>" + this + "</th>";
});
-
+
tableShell += "</tr></thead><tbody></tbody></table>";
- var style = (this.input.context.type=="hidden")?' style="display:block; position:static; margin:0 auto"':'';
+ var style = (this.input.context.type=="hidden")?' style="display:block; position:static; margin:0 auto"':'';
this.dateSelector = this.rootLayers = $('<div class="date_selector" '+style+'></div>').append(nav, tableShell).insertAfter(this.input);
-
+
if ($.browser.msie && $.browser.version < 7) {
-
+
this.ieframe = $('<iframe class="date_selector_ieframe" frameborder="0" src="#"></iframe>').insertBefore(this.dateSelector);
this.rootLayers = this.rootLayers.add(this.ieframe);
-
+
$(".button", nav).mouseover(function() { $(this).addClass("hover"); });
$(".button", nav).mouseout(function() { $(this).removeClass("hover"); });
};
-
+
this.tbody = $("tbody", this.dateSelector);
this.input.change(this.bindToObj(function() { this.selectDate(); }));
this.selectDate();
-
- },
-
+
+ },
+
selectMonth: function(date) {
var newMonth = new Date(date.getFullYear(), date.getMonth(), date.getDate());
if(this.isNewDateAllowed(newMonth)){
if (!this.currentMonth || !(this.currentMonth.getFullYear() == newMonth.getFullYear() &&
this.currentMonth.getMonth() == newMonth.getMonth())) {
-
+
this.currentMonth = newMonth;
-
+
var rangeStart = this.rangeStart(date), rangeEnd = this.rangeEnd(date);
var numDays = this.daysBetween(rangeStart, rangeEnd);
var dayCells = "";
-
+
for (var i = 0; i <= numDays; i++) {
var currentDay = new Date(rangeStart.getFullYear(), rangeStart.getMonth(), rangeStart.getDate() + i, 12, 00);
-
+
if (this.isFirstDayOfWeek(currentDay)){
-
+
var firstDayOfWeek = currentDay;
var lastDayOfWeek = new Date(currentDay.getFullYear(), currentDay.getMonth(), currentDay.getDate()+6, 12, 00);
-
+
if(this.select_week && this.isNewDateAllowed(firstDayOfWeek))
dayCells += "<tr date='" + this.dateToString(currentDay) + "' class='selectable_week'>";
else
dayCells += "<tr>";
-
+
if(this.show_week==1)
dayCells += '<td class="week_num">'+this.getWeekNum(currentDay)+'</td>';
}
@@ -231,14 +231,14 @@
} else {
dayCells += '<td class="unselected_month" date="' + this.dateToString(currentDay) + '">' + currentDay.getDate() + '</td>';
};
-
+
if (this.isLastDayOfWeek(currentDay)) dayCells += "</tr>";
};
this.tbody.empty().append(dayCells);
-
+
this.monthNameSpan.empty().append(this.monthName(date));
this.yearNameSpan.empty().append(this.currentMonth.getFullYear());
-
+
if(this.select_week == 0){
$(".selectable_day", this.tbody).click(this.bindToObj(function(event) {
this.changeInput($(event.target).attr("date"));if(this.input.context.type!="hidden") this.hide();
@@ -248,7 +248,7 @@
this.changeInput($(event.target.parentNode).attr("date"));if(this.input.context.type!="hidden") this.hide();
}));
}
-
+
$("td[date='" + this.dateToString(new Date()) + "']", this.tbody).addClass("today");
if(this.select_week == 1){
$("tr", this.tbody).mouseover(function() { $(this).addClass("hover"); });
@@ -258,22 +258,22 @@
$("td.selectable_day", this.tbody).mouseout(function() { $(this).removeClass("hover"); });
}
};
-
+
$('.selected', this.tbody).removeClass("selected");
$('td[date="' + this.selectedDateString + '"], tr[date="' + this.selectedDateString + '"]', this.tbody).addClass("selected");
}else
this.show_error(this.error_out_of_range);
},
-
+
selectDate: function(date) {
if (typeof(date) == "undefined") {
date = this.stringToDate(this.input.val());
};
if (!date) date = new Date();
-
+
if(this.select_week == 1 && !this.isFirstDayOfWeek(date))
- date = new Date(date.getFullYear(), date.getMonth(), (date.getDate() - date.getDay() + this.start_of_week), 12, 00);
-
+ date = new Date(date.getFullYear(), date.getMonth(), (date.getDate() - date.getDay() + this.start_of_week), 12, 00);
+
if(this.isNewDateAllowed(date)){
this.selectedDate = date;
this.selectedDateString = this.dateToString(this.selectedDate);
@@ -287,7 +287,7 @@
this.input.val(" ");
}
},
-
+
isNewDateAllowed: function(date){
return ((!this.date_min) || this.daysBetween(this.date_min, date)>=0) && ((!this.date_max) || this.daysBetween(date, this.date_max)>=0);
},
@@ -295,11 +295,11 @@
isHoliday: function(date){
return ((this.indexFor(this.selectable_days, date.getDay())===false || this.indexFor(this.non_selectable, this.dateToString(date))!==false) || this.indexFor(this.rec_non_selectable, this.dateToShortString(date))!==false);
},
-
+
changeInput: function(dateString) {
this.input.val(dateString).change();
},
-
+
show: function() {
$('.error_msg', this.rootLayers).css('display', 'none');
this.rootLayers.slideDown("fast");
@@ -308,9 +308,9 @@
$(document.body).keydown(this.keydownHandler);
this.setPosition();
this.orig_date = this.input.val()
-
- },
-
+
+ },
+
hide: function() {
if(this.input.context.type!="hidden"){
this.rootLayers.slideUp("fast");
@@ -319,28 +319,28 @@
$(document.body).unbind("keydown", this.keydownHandler);
}
},
-
+
hideIfClickOutside: function(event) {
if (event.target != this.input[0] && !this.insideSelector(event)) {
this.hide();
};
},
-
+
insideSelector: function(event) {
var offset = this.dateSelector.position();
offset.right = offset.left + this.dateSelector.outerWidth();
offset.bottom = offset.top + this.dateSelector.outerHeight();
-
+
return event.pageY < offset.bottom &&
event.pageY > offset.top &&
event.pageX < offset.right &&
event.pageX > offset.left;
},
-
+
keydownHandler: function(event) {
switch (event.keyCode)
{
- case 9:
+ case 9:
this.hide()
return;
break;
@@ -388,10 +388,10 @@
}
event.preventDefault();
},
-
+
stringToDate: function(string) {
var matches;
-
+
if (matches = string.match(this.reg)) {
if(matches[3]==0 && matches[2]==0 && matches[1]==0)
return null;
@@ -401,7 +401,7 @@
return null;
};
},
-
+
dateToString: function(date) {
return eval(this.date_encode);
},
@@ -409,14 +409,14 @@
dateToShortString: function(date){
return eval(this.date_encode_s);
},
-
+
setPosition: function() {
var offset = this.input.offset();
this.rootLayers.css({
top: offset.top + this.input.outerHeight(),
left: offset.left
});
-
+
if (this.ieframe) {
this.ieframe.css({
width: this.dateSelector.outerWidth(),
@@ -424,12 +424,12 @@
});
};
},
-
+
moveDateBy: function(amount) {
var newDate = new Date(this.selectedDate.getFullYear(), this.selectedDate.getMonth(), this.selectedDate.getDate() + amount);
this.selectDate(newDate);
},
-
+
moveDateMonthBy: function(amount) {
var newDate = new Date(this.selectedDate.getFullYear(), this.selectedDate.getMonth() + amount, this.selectedDate.getDate());
if (newDate.getMonth() == this.selectedDate.getMonth() + amount + 1) {
@@ -437,7 +437,7 @@
};
this.selectDate(newDate);
},
-
+
moveMonthBy: function(amount) {
if(amount<0)
var newMonth = new Date(this.currentMonth.getFullYear(), this.currentMonth.getMonth() + amount+1, -1);
@@ -445,11 +445,11 @@
var newMonth = new Date(this.currentMonth.getFullYear(), this.currentMonth.getMonth() + amount, 1);
this.selectMonth(newMonth);
},
-
+
monthName: function(date) {
return this.month_names[date.getMonth()];
},
-
+
getMonthSelect:function(){
var month_select = '<select>';
for(var i = 0; i<this.month_names.length; i++){
@@ -459,81 +459,81 @@
month_select += '<option value="'+(i)+'">'+this.month_names[i]+'</option>';
}
month_select += '</select>';
-
+
return month_select;
},
-
+
bindToObj: function(fn) {
var self = this;
return function() { return fn.apply(self, arguments) };
},
-
+
bindMethodsToObj: function() {
for (var i = 0; i < arguments.length; i++) {
this[arguments[i]] = this.bindToObj(this[arguments[i]]);
};
},
-
+
indexFor: function(array, value) {
for (var i = 0; i < array.length; i++) {
if (value == array[i]) return i;
};
return false;
},
-
+
monthNum: function(month_name) {
return this.indexFor(this.month_names, month_name);
},
-
+
shortMonthNum: function(month_name) {
return this.indexFor(this.short_month_names, month_name);
},
-
+
shortDayNum: function(day_name) {
return this.indexFor(this.short_day_names, day_name);
},
-
+
daysBetween: function(start, end) {
start = Date.UTC(start.getFullYear(), start.getMonth(), start.getDate());
end = Date.UTC(end.getFullYear(), end.getMonth(), end.getDate());
return (end - start) / 86400000;
},
-
+
changeDayTo: function(dayOfWeek, date, direction) {
var difference = direction * (Math.abs(date.getDay() - dayOfWeek - (direction * 7)) % 7);
return new Date(date.getFullYear(), date.getMonth(), date.getDate() + difference);
},
-
+
rangeStart: function(date) {
return this.changeDayTo(this.start_of_week, new Date(date.getFullYear(), date.getMonth()), -1);
},
-
+
rangeEnd: function(date) {
return this.changeDayTo((this.start_of_week - 1) % 7, new Date(date.getFullYear(), date.getMonth() + 1, 0), 1);
},
-
+
isFirstDayOfWeek: function(date) {
return date.getDay() == this.start_of_week;
},
-
+
getWeekNum:function(date){
date_week= new Date(date.getFullYear(), date.getMonth(), date.getDate()+6);
var firstDayOfYear = new Date(date_week.getFullYear(), 0, 1, 12, 00);
var n = parseInt(this.daysBetween(firstDayOfYear, date_week)) + 1;
return Math.floor((date_week.getDay() + n + 5)/7) - Math.floor(date_week.getDay() / 5);
},
-
+
isLastDayOfWeek: function(date) {
return date.getDay() == (this.start_of_week - 1) % 7;
},
-
+
show_error: function(error){
$('.error_msg', this.rootLayers).html(error);
$('.error_msg', this.rootLayers).slideDown(400, function(){
setTimeout("$('.error_msg', this.rootLayers).slideUp(200);", 2000);
});
},
-
+
adjustDays: function(days) {
var newDays = [];
for (var i = 0; i < days.length; i++) {
@@ -541,12 +541,12 @@
};
return newDays;
},
-
+
strpad: function(num){
if(parseInt(num)<10) return "0"+parseInt(num);
else return parseInt(num);
}
-
+
};
$.fn.jdPicker = function(opts) {
@@ -557,6 +557,6 @@
} };
return jdPicker;
-})(jQuery);
+})(jQuery);
$($.jdPicker.initialize);