/**
* --------------------------------------------------------------------
* jQuery-Plugin "daterangepicker.jQuery.js"
* by Scott Jehl, scott@filamentgroup.com
* http://www.filamentgroup.com
* reference article: http://www.filamentgroup.com/lab/update_date_range_picker_with_jquery_ui/
* demo page: http://www.filamentgroup.com/examples/daterangepicker/
*
* Copyright (c) 2008 Filament Group, Inc
* Dual licensed under the MIT (filamentgroup.com/examples/mit-license.txt) and GPL (filamentgroup.com/examples/gpl-license.txt) licenses.
*
* Dependencies: jquery, jquery UI datepicker, date.js library (included at bottom), jQuery UI CSS Framework
* Changelog:
* 10.23.2008 initial Version
* 11.12.2008 changed dateFormat option to allow custom date formatting (credit: http://alexgoldstone.com/)
* 01.04.09 updated markup to new jQuery UI CSS Framework
* 01.19.2008 changed presets hash to support different text
* --------------------------------------------------------------------
*/
jQuery.fn.daterangepicker = function(settings){
var rangeInput = jQuery(this);
//defaults
var options = jQuery.extend({
presetRanges: [
{text: 'Today', dateStart: 'today', dateEnd: 'today' },
{text: 'Last 7 days', dateStart: 'today-7days', dateEnd: 'today' },
{text: 'Month to date', dateStart: function(){ return Date.parse('today').moveToFirstDayOfMonth(); }, dateEnd: 'today' },
{text: 'Year to date', dateStart: function(){ var x= Date.parse('today'); x.setMonth(0); x.setDate(1); return x; }, dateEnd: 'today' },
//extras:
{text: 'The previous Month', dateStart: function(){ return Date.parse('1 month ago').moveToFirstDayOfMonth(); }, dateEnd: function(){ return Date.parse('1 month ago').moveToLastDayOfMonth(); } }
//{text: 'Tomorrow', dateStart: 'Tomorrow', dateEnd: 'Tomorrow' },
//{text: 'Ad Campaign', dateStart: '03/07/08', dateEnd: 'Today' },
//{text: 'Last 30 Days', dateStart: 'Today-30', dateEnd: 'Today' },
//{text: 'Next 30 Days', dateStart: 'Today', dateEnd: 'Today+30' },
//{text: 'Our Ad Campaign', dateStart: '03/07/08', dateEnd: '07/08/08' }
],
//presetRanges: array of objects for each menu preset.
//Each obj must have text, dateStart, dateEnd. dateStart, dateEnd accept date.js string or a function which returns a date object
presets: {
specificDate: 'Specific Date',
allDatesBefore: 'All Dates Before',
allDatesAfter: 'All Dates After',
dateRange: 'Date Range'
},
rangeStartTitle: 'Start date',
rangeEndTitle: 'End date',
nextLinkText: 'Next',
prevLinkText: 'Prev',
doneButtonText: 'Done',
earliestDate: Date.parse('-15years'), //earliest date allowed
latestDate: Date.parse('+15years'), //latest date allowed
rangeSplitter: '-', //string to use between dates in single input
dateFormat: 'm/d/yy', // date formatting. Available formats: http://docs.jquery.com/UI/Datepicker/%24.datepicker.formatDate
closeOnSelect: true, //if a complete selection is made, close the menu
arrows: false,
posX: rangeInput.offset().left, // x position
posY: rangeInput.offset().top + rangeInput.outerHeight(), // y position
appendTo: 'body',
onClose: function(){},
onOpen: function(){},
onChange: function(){},
datepickerOptions: null //object containing native UI datepicker API options
}, settings);
//custom datepicker options, extended by options
var datepickerOptions = {
onSelect: function() {
if(rp.find('.ui-daterangepicker-specificDate').is('.ui-state-active')){
rp.find('.range-end').datepicker('setDate', rp.find('.range-start').datepicker('getDate') );
}
var rangeA = fDate( rp.find('.range-start').datepicker('getDate') );
var rangeB = fDate( rp.find('.range-end').datepicker('getDate') );
//send back to input or inputs
if(rangeInput.length == 2){
rangeInput.eq(0).val(rangeA);
rangeInput.eq(1).val(rangeB);
}
else{
rangeInput.val((rangeA != rangeB) ? rangeA+' '+ options.rangeSplitter +' '+rangeB : rangeA);
}
//if closeOnSelect is true
if(options.closeOnSelect){
if(!rp.find('li.ui-state-active').is('.ui-daterangepicker-dateRange') && !rp.is(':animated') ){
hideRP();
}
}
options.onChange();
},
defaultDate: +0
};
//change event fires both when a calendar is updated or a change event on the input is triggered
rangeInput.change(options.onChange);
//datepicker options from options
options.datepickerOptions = (settings) ? jQuery.extend(datepickerOptions, settings.datepickerOptions) : datepickerOptions;
//Capture Dates from input(s)
var inputDateA, inputDateB = Date.parse('today');
var inputDateAtemp, inputDateBtemp;
if(rangeInput.size() == 2){
inputDateAtemp = Date.parse( rangeInput.eq(0).val() );
inputDateBtemp = Date.parse( rangeInput.eq(1).val() );
if(inputDateAtemp == null){inputDateAtemp = inputDateBtemp;}
if(inputDateBtemp == null){inputDateBtemp = inputDateAtemp;}
}
else {
inputDateAtemp = Date.parse( rangeInput.val().split(options.rangeSplitter)[0] );
inputDateBtemp = Date.parse( rangeInput.val().split(options.rangeSplitter)[1] );
if(inputDateBtemp == null){inputDateBtemp = inputDateAtemp;} //if one date, set both
}
if(inputDateAtemp != null){inputDateA = inputDateAtemp;}
if(inputDateBtemp != null){inputDateB = inputDateBtemp;}
//build picker and
var rp = jQuery('');
var rpPresets = (function(){
var ul = jQuery('').appendTo(rp);
jQuery.each(options.presetRanges,function(){
jQuery(''+ this.text +'')
.data('dateStart', this.dateStart)
.data('dateEnd', this.dateEnd)
.appendTo(ul);
});
var x=0;
jQuery.each(options.presets, function(key, value) {
jQuery(''+ value +'')
.appendTo(ul);
x++;
});
ul.find('li').hover(
function(){
jQuery(this).addClass('ui-state-hover');
},
function(){
jQuery(this).removeClass('ui-state-hover');
})
.click(function(){
rp.find('.ui-state-active').removeClass('ui-state-active');
jQuery(this).addClass('ui-state-active').clickActions(rp, rpPickers, doneBtn);
return false;
});
return ul;
})();
//function to format a date string
function fDate(date){
if(date == null || !date.getDate()){return '';}
var day = date.getDate();
var month = date.getMonth();
var year = date.getFullYear();
month++; // adjust javascript month
var dateFormat = options.dateFormat;
return jQuery.datepicker.formatDate( dateFormat, date );
}
jQuery.fn.restoreDateFromData = function(){
if(jQuery(this).data('saveDate')){
jQuery(this).datepicker('setDate', jQuery(this).data('saveDate')).removeData('saveDate');
}
return this;
}
jQuery.fn.saveDateToData = function(){
if(!jQuery(this).data('saveDate')){
jQuery(this).data('saveDate', jQuery(this).datepicker('getDate') );
}
return this;
}
//show, hide, or toggle rangepicker
function showRP() {
rp.show();
options.onOpen();
}
function hideRP() {
rp.hide();
options.onClose();
}
function toggleRP(){
if( rp.data('state') == 'open' ){ hideRP(); }
else { showRP(); }
}
rp.data('state', 'closed');
//preset menu click events
jQuery.fn.clickActions = function(rp, rpPickers, doneBtn){
if(jQuery(this).is('.ui-daterangepicker-specificDate')){
doneBtn.hide();
rpPickers.show();
rp.find('.title-start').text( options.presets.specificDate );
rp.find('.range-start').restoreDateFromData().show();
rp.find('.range-end').restoreDateFromData().hide();
setTimeout(function(){doneBtn.fadeIn();}, 0);
}
else if(jQuery(this).is('.ui-daterangepicker-allDatesBefore')){
doneBtn.hide();
rpPickers.show();
rp.find('.title-end').text( options.presets.allDatesBefore );
rp.find('.range-start').saveDateToData().datepicker('setDate', options.earliestDate).hide();
rp.find('.range-end').restoreDateFromData().show();
setTimeout(function(){doneBtn.fadeIn();}, 0);
}
else if(jQuery(this).is('.ui-daterangepicker-allDatesAfter')){
doneBtn.hide();
rpPickers.show();
rp.find('.title-start').text( options.presets.allDatesAfter );
rp.find('.range-start').restoreDateFromData().show();
rp.find('.range-end').saveDateToData().datepicker('setDate', options.latestDate).hide();
setTimeout(function(){doneBtn.fadeIn();}, 0);
}
else if(jQuery(this).is('.ui-daterangepicker-dateRange')){
doneBtn.hide();
rpPickers.show();
rp.find('.title-start').text(options.rangeStartTitle);
rp.find('.title-end').text(options.rangeEndTitle);
rp.find('.range-start').restoreDateFromData().show();
rp.find('.range-end').restoreDateFromData().show();
setTimeout(function(){doneBtn.fadeIn();}, 0);
}
else {
//custom date range
rpPickers.hide();
hideRP();
doneBtn.hide();
rp.find('.range-start, .range-end').hide();
var dateStart = (typeof jQuery(this).data('dateStart') == 'string') ? Date.parse(jQuery(this).data('dateStart')) : jQuery(this).data('dateStart')();
var dateEnd = (typeof jQuery(this).data('dateEnd') == 'string') ? Date.parse(jQuery(this).data('dateEnd')) : jQuery(this).data('dateEnd')();
rp.find('.range-start').datepicker('setDate', dateStart).find('.ui-datepicker-current-day').trigger('click');
rp.find('.range-end').datepicker('setDate', dateEnd).find('.ui-datepicker-current-day').trigger('click');
}
return false;
}
//picker divs
var rpPickers = jQuery('').appendTo(rp);
rpPickers.find('.range-start, .range-end').datepicker(options.datepickerOptions);
rpPickers.find('.range-start').datepicker('setDate', inputDateA);
rpPickers.find('.range-end').datepicker('setDate', inputDateB);
var doneBtn = jQuery('')
.click(function(){
rp.find('.ui-datepicker-current-day').trigger('click');
hideRP();
})
.hover(
function(){
jQuery(this).addClass('ui-state-hover');
},
function(){
jQuery(this).removeClass('ui-state-hover');
}
)
.appendTo(rpPickers);
//inputs toggle rangepicker visibility
jQuery(this).click(function(){
toggleRP();
return false;
});
//hide em all
rpPickers.css('display', 'none').find('.range-start, .range-end, .btnDone').css('display', 'none');
//inject rp
jQuery(options.appendTo).append(rp);
//wrap and position
rp.wrap('');
if(options.posX){
rp.parent().css('left', options.posX);
}
if(options.posY){
rp.parent().css('top', options.posY);
}
//add arrows (only available on one input)
if(options.arrows && rangeInput.size()==1){
var prevLink = jQuery(''+ options.prevLinkText +'');
var nextLink = jQuery(''+ options.nextLinkText +'');
jQuery(this)
.addClass('ui-rangepicker-input ui-widget-content')
.wrap('')
.before( prevLink )
.before( nextLink )
.parent().find('a').click(function(){
var dateA = rpPickers.find('.range-start').datepicker('getDate');
var dateB = rpPickers.find('.range-end').datepicker('getDate');
var diff = Math.abs( new TimeSpan(dateA - dateB).getTotalMilliseconds() ) + 86400000; //difference plus one day
if(jQuery(this).is('.ui-daterangepicker-prev')){ diff = -diff; }
rpPickers.find('.range-start, .range-end ').each(function(){
var thisDate = jQuery(this).datepicker( "getDate");
if(thisDate == null){return false;}
jQuery(this).datepicker( "setDate", thisDate.add({milliseconds: diff}) ).find('.ui-datepicker-current-day').trigger('click');
});
return false;
})
.hover(
function(){
jQuery(this).addClass('ui-state-hover');
},
function(){
jQuery(this).removeClass('ui-state-hover');
})
;
}
jQuery(document).click(function(){
if (rp.is(':visible')) {
hideRP();
}
});
rp.click(function(){return false;}).hide();
return this;
}
/**
* @version: 1.0 Alpha-1
* @author: Coolite Inc. http://www.coolite.com/
* @date: 2008-04-13
* @copyright: Copyright (c) 2006-2008, Coolite Inc. (http://www.coolite.com/). All rights reserved.
* @license: Licensed under The MIT License. See license.txt and http://www.datejs.com/license/.
* @website: http://www.datejs.com/
*/
/*
* TimeSpan(milliseconds);
* TimeSpan(days, hours, minutes, seconds);
* TimeSpan(days, hours, minutes, seconds, milliseconds);
*/
var TimeSpan = function (days, hours, minutes, seconds, milliseconds) {
var attrs = "days hours minutes seconds milliseconds".split(/\s+/);
var gFn = function (attr) {
return function () {
return this[attr];
};
};
var sFn = function (attr) {
return function (val) {
this[attr] = val;
return this;
};
};
for (var i = 0; i < attrs.length ; i++) {
var $a = attrs[i], $b = $a.slice(0, 1).toUpperCase() + $a.slice(1);
TimeSpan.prototype[$a] = 0;
TimeSpan.prototype["get" + $b] = gFn($a);
TimeSpan.prototype["set" + $b] = sFn($a);
}
if (arguments.length == 4) {
this.setDays(days);
this.setHours(hours);
this.setMinutes(minutes);
this.setSeconds(seconds);
} else if (arguments.length == 5) {
this.setDays(days);
this.setHours(hours);
this.setMinutes(minutes);
this.setSeconds(seconds);
this.setMilliseconds(milliseconds);
} else if (arguments.length == 1 && typeof days == "number") {
var orient = (days < 0) ? -1 : +1;
this.setMilliseconds(Math.abs(days));
this.setDays(Math.floor(this.getMilliseconds() / 86400000) * orient);
this.setMilliseconds(this.getMilliseconds() % 86400000);
this.setHours(Math.floor(this.getMilliseconds() / 3600000) * orient);
this.setMilliseconds(this.getMilliseconds() % 3600000);
this.setMinutes(Math.floor(this.getMilliseconds() / 60000) * orient);
this.setMilliseconds(this.getMilliseconds() % 60000);
this.setSeconds(Math.floor(this.getMilliseconds() / 1000) * orient);
this.setMilliseconds(this.getMilliseconds() % 1000);
this.setMilliseconds(this.getMilliseconds() * orient);
}
this.getTotalMilliseconds = function () {
return (this.getDays() * 86400000) + (this.getHours() * 3600000) + (this.getMinutes() * 60000) + (this.getSeconds() * 1000);
};
this.compareTo = function (time) {
var t1 = new Date(1970, 1, 1, this.getHours(), this.getMinutes(), this.getSeconds()), t2;
if (time === null) {
t2 = new Date(1970, 1, 1, 0, 0, 0);
}
else {
t2 = new Date(1970, 1, 1, time.getHours(), time.getMinutes(), time.getSeconds());
}
return (t1 < t2) ? -1 : (t1 > t2) ? 1 : 0;
};
this.equals = function (time) {
return (this.compareTo(time) === 0);
};
this.add = function (time) {
return (time === null) ? this : this.addSeconds(time.getTotalMilliseconds() / 1000);
};
this.subtract = function (time) {
return (time === null) ? this : this.addSeconds(-time.getTotalMilliseconds() / 1000);
};
this.addDays = function (n) {
return new TimeSpan(this.getTotalMilliseconds() + (n * 86400000));
};
this.addHours = function (n) {
return new TimeSpan(this.getTotalMilliseconds() + (n * 3600000));
};
this.addMinutes = function (n) {
return new TimeSpan(this.getTotalMilliseconds() + (n * 60000));
};
this.addSeconds = function (n) {
return new TimeSpan(this.getTotalMilliseconds() + (n * 1000));
};
this.addMilliseconds = function (n) {
return new TimeSpan(this.getTotalMilliseconds() + n);
};
this.get12HourHour = function () {
return (this.getHours() > 12) ? this.getHours() - 12 : (this.getHours() === 0) ? 12 : this.getHours();
};
this.getDesignator = function () {
return (this.getHours() < 12) ? Date.CultureInfo.amDesignator : Date.CultureInfo.pmDesignator;
};
this.toString = function (format) {
this._toString = function () {
if (this.getDays() !== null && this.getDays() > 0) {
return this.getDays() + "." + this.getHours() + ":" + this.p(this.getMinutes()) + ":" + this.p(this.getSeconds());
}
else {
return this.getHours() + ":" + this.p(this.getMinutes()) + ":" + this.p(this.getSeconds());
}
};
this.p = function (s) {
return (s.toString().length < 2) ? "0" + s : s;
};
var me = this;
return format ? format.replace(/dd?|HH?|hh?|mm?|ss?|tt?/g,
function (format) {
switch (format) {
case "d":
return me.getDays();
case "dd":
return me.p(me.getDays());
case "H":
return me.getHours();
case "HH":
return me.p(me.getHours());
case "h":
return me.get12HourHour();
case "hh":
return me.p(me.get12HourHour());
case "m":
return me.getMinutes();
case "mm":
return me.p(me.getMinutes());
case "s":
return me.getSeconds();
case "ss":
return me.p(me.getSeconds());
case "t":
return ((me.getHours() < 12) ? Date.CultureInfo.amDesignator : Date.CultureInfo.pmDesignator).substring(0, 1);
case "tt":
return (me.getHours() < 12) ? Date.CultureInfo.amDesignator : Date.CultureInfo.pmDesignator;
}
}
) : this._toString();
};
return this;
};
/**
* Gets the time of day for this date instances.
* @return {TimeSpan} TimeSpan
*/
Date.prototype.getTimeOfDay = function () {
return new TimeSpan(0, this.getHours(), this.getMinutes(), this.getSeconds(), this.getMilliseconds());
};
/*
* TimePeriod(startDate, endDate);
* TimePeriod(years, months, days, hours, minutes, seconds, milliseconds);
*/
var TimePeriod = function (years, months, days, hours, minutes, seconds, milliseconds) {
var attrs = "years months days hours minutes seconds milliseconds".split(/\s+/);
var gFn = function (attr) {
return function () {
return this[attr];
};
};
var sFn = function (attr) {
return function (val) {
this[attr] = val;
return this;
};
};
for (var i = 0; i < attrs.length ; i++) {
var $a = attrs[i], $b = $a.slice(0, 1).toUpperCase() + $a.slice(1);
TimePeriod.prototype[$a] = 0;
TimePeriod.prototype["get" + $b] = gFn($a);
TimePeriod.prototype["set" + $b] = sFn($a);
}
if (arguments.length == 7) {
this.years = years;
this.months = months;
this.setDays(days);
this.setHours(hours);
this.setMinutes(minutes);
this.setSeconds(seconds);
this.setMilliseconds(milliseconds);
} else if (arguments.length == 2 && arguments[0] instanceof Date && arguments[1] instanceof Date) {
// startDate and endDate as arguments
var d1 = years.clone();
var d2 = months.clone();
var temp = d1.clone();
var orient = (d1 > d2) ? -1 : +1;
this.years = d2.getFullYear() - d1.getFullYear();
temp.addYears(this.years);
if (orient == +1) {
if (temp > d2) {
if (this.years !== 0) {
this.years--;
}
}
} else {
if (temp < d2) {
if (this.years !== 0) {
this.years++;
}
}
}
d1.addYears(this.years);
if (orient == +1) {
while (d1 < d2 && d1.clone().addDays(Date.getDaysInMonth(d1.getYear(), d1.getMonth()) ) < d2) {
d1.addMonths(1);
this.months++;
}
}
else {
while (d1 > d2 && d1.clone().addDays(-d1.getDaysInMonth()) > d2) {
d1.addMonths(-1);
this.months--;
}
}
var diff = d2 - d1;
if (diff !== 0) {
var ts = new TimeSpan(diff);
this.setDays(ts.getDays());
this.setHours(ts.getHours());
this.setMinutes(ts.getMinutes());
this.setSeconds(ts.getSeconds());
this.setMilliseconds(ts.getMilliseconds());
}
}
return this;
};