public/assets/js/core/datetimepicker/jquery.simple-dtpicker.js
/**
* jquery-simple-datetimepicker (jquery.simple-dtpicker.js)
* v1.12.0
* (c) Masanori Ohgita - 2014.
* https://github.com/mugifly/jquery-simple-datetimepicker
*/
(function($) {
var lang = {
en: {
days: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
months: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ],
sep: '-',
format: 'YYYY-MM-DD hh:mm',
prevMonth: 'Previous month',
nextMonth: 'Next month',
today: 'Today'
},
ro:{
days: ['Dum', 'Lun', 'Mar', 'Mie', 'Joi', 'Vin', 'Sâm'],
months: ['Ian', 'Feb', 'Mar', 'Apr', 'Mai', 'Iun', 'Iul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
sep: '.',
format: 'DD.MM.YYYY hh:mm',
prevMonth: 'Luna precedentă',
nextMonth: 'Luna următoare',
today: 'Azi'
},
ja: {
days: ['日', '月', '火', '水', '木', '金', '土'],
months: [ "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12" ],
sep: '/',
format: 'YYYY/MM/DD hh:mm'
},
ru: {
days: ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'],
months: [ "Янв", "Фев", "Мар", "Апр", "Май", "Июн", "Июл", "Авг", "Сен", "Окт", "Ноя", "Дек" ],
format: 'DD.MM.YYYY hh:mm'
},
br: {
days: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'],
months: [ "Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro" ],
format: 'DD/MM/YYYY hh:mm'
},
pt: {
days: ['dom', 'seg', 'ter', 'qua', 'qui', 'sex', 'sáb'],
months: [ "janeiro", "fevereiro", "março", "abril", "maio", "junho", "julho", "agosto", "setembro", "outubro", "novembro", "dezembro" ]
},
cn: {
days: ['日', '一', '二', '三', '四', '五', '六'],
months: [ "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" ]
},
de: {
days: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
months: [ "Jan", "Feb", "März", "Apr", "Mai", "Juni", "Juli", "Aug", "Sept", "Okt", "Nov", "Dez" ],
format: 'DD.MM.YYYY hh:mm'
},
sv: {
days: ['Sö', 'Må', 'Ti', 'On', 'To', 'Fr', 'Lö'],
months: [ "Jan", "Feb", "Mar", "Apr", "Maj", "Juni", "Juli", "Aug", "Sept", "Okt", "Nov", "Dec" ]
},
id: {
days: ['Min','Sen','Sel', 'Rab', 'Kam', 'Jum', 'Sab'],
months: [ "Jan", "Feb", "Mar", "Apr", "Mei", "Jun", "Jul", "Agu", "Sep", "Okt", "Nov", "Des" ]
},
it: {
days: ['Dom','Lun','Mar', 'Mer', 'Gio', 'Ven', 'Sab'],
months: [ "Gen", "Feb", "Mar", "Apr", "Mag", "Giu", "Lug", "Ago", "Set", "Ott", "Nov", "Dic" ],
format: 'DD/MM/YYYY hh:mm'
},
tr: {
days: ['Pz', 'Pzt', 'Sal', 'Çar', 'Per', 'Cu', 'Cts'],
months: [ "Ock", "Şub", "Mar", "Nis", "May", "Haz", "Tem", "Agu", "Eyl", "Ekm", "Kas", "Arlk" ]
},
es: {
days: ['dom', 'lun', 'mar', 'miér', 'jue', 'vié', 'sáb'],
months: [ "ene", "feb", "mar", "abr", "may", "jun", "jul", "ago", "sep", "oct", "nov", "dic" ],
format: 'DD/MM/YYYY hh:mm'
},
ko: {
days: ['일', '월', '화', '수', '목', '금', '토'],
months: [ "1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월" ]
},
nl: {
days: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
months: [ "jan", "feb", "mrt", "apr", "mei", "jun", "jul", "aug", "sep", "okt", "nov", "dec" ],
format: 'DD-MM-YYYY hh:mm'
},
cz: {
days: ['Ne', 'Po', 'Út', 'St', 'Čt', 'Pá', 'So'],
months: [ "Led", "Úno", "Bře", "Dub", "Kvě", "Čer", "Čvc", "Srp", "Zář", "Říj", "Lis", "Pro" ],
format: 'DD.MM.YYYY hh:mm'
},
fr: {
days: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
months: [ "Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre" ],
format: 'DD-MM-YYYY hh:mm'
},
pl: {
days: ['N', 'Pn', 'Wt', 'Śr', 'Cz', 'Pt', 'So'],
months: [ "Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień" ],
sep: '-',
format: 'YYYY-MM-DD hh:mm',
prevMonth: 'Poprzedni miesiąc',
nextMonth: 'Następny miesiąc',
today: 'Dzisiaj'
},
gr: {
days: ['Κυ', 'Δε', 'Τρ', 'Τε', 'Πε', 'Πα', 'Σα'],
months: [ "Ιαν", "Φεβ", "Μαρ", "Απρ", "Μαϊ", "Ιουν", "Ιουλ", "Αυγ", "Σεπ", "Οκτ", "Νοε", "Δεκ" ],
sep: '-',
format: 'DD-MM-YYYY hh:mm',
prevMonth: 'Προηγ. μήνας',
nextMonth: 'Επόμ. μήνας',
today: 'Σήμερα'
}
};
/* ----- */
/**
PickerHandler Object
**/
var PickerHandler = function($picker, $input){
this.$pickerObject = $picker;
this.$inputObject = $input;
};
/* Get a picker */
PickerHandler.prototype.getPicker = function(){
return this.$pickerObject;
};
/* Get a input-field */
PickerHandler.prototype.getInput = function(){
return this.$inputObject;
};
/* Get the display state of a picker */
PickerHandler.prototype.isShow = function(){
var is_show = true;
if (this.$pickerObject.css('display') == 'none') {
is_show = false;
}
return is_show;
};
/* Show a picker */
PickerHandler.prototype.show = function(){
var $picker = this.$pickerObject;
var $input = this.$inputObject;
$picker.show();
ActivePickerId = $input.data('pickerId');
if ($input != null && $picker.data('isInline') === false) { // Float mode
// Relocate a picker to position of the appended input-field
this._relocate();
}
};
/* Hide a picker */
PickerHandler.prototype.hide = function(){
var $picker = this.$pickerObject;
var $input = this.$inputObject;
$picker.hide();
};
/* Get a selected date from a picker */
PickerHandler.prototype.getDate = function(){
var $picker = this.$pickerObject;
var $input = this.$inputObject;
return getPickedDate($picker);
};
/* Set a specific date to a picker */
PickerHandler.prototype.setDate = function(date){
var $picker = this.$pickerObject;
var $input = this.$inputObject;
if (!isObj('Date', date)) {
date = new Date(date);
}
draw_date($picker, {
"isAnim": true,
"isOutputToInputObject": true
}, date);
};
/* Destroy a picker */
PickerHandler.prototype.destroy = function(){
var $picker = this.$pickerObject;
var picker_id = $picker.data('pickerId');
PickerObjects[picker_id] = null;
$picker.remove();
};
/* Relocate a picker to position of the appended input-field. */
PickerHandler.prototype._relocate = function(){
var $picker = this.$pickerObject;
var $input = this.$inputObject;
if ($input != null && $picker.data('isInline') === false) { // Float mode
// Move position of a picker - vertical
var input_outer_height = $input.outerHeight({'margin': true});
if (!isObj('Number', input_outer_height)) {
input_outer_height = $input.outerHeight();
}
var picker_outer_height = $picker.outerHeight({'margin': true});
if (!isObj('Number', picker_outer_height)) {
picker_outer_height = $picker.outerHeight();
}
if(parseInt($(window).height()) <= ($input.offset().top - $(document).scrollTop() + input_outer_height + picker_outer_height) ){
// Display to top of an input-field
$picker.parent().css('top', ($input.offset().top - (input_outer_height / 2) - picker_outer_height) + 'px');
} else {
// Display to bottom of an input-field
$picker.parent().css('top', ($input.offset().top + input_outer_height) + 'px');
}
// Move position of a picker - horizontal
$picker.parent().css('left', $input.offset().left + 'px');
// Display on most top of the z-index
$picker.parent().css('z-index', 100000);
}
};
/* ----- */
var PickerObjects = [];
var InputObjects = [];
var ActivePickerId = -1;
var getParentPickerObject = function(obj) {
return $(obj).closest('.datepicker');
};
var getPickersInputObject = function($obj) {
var $picker = getParentPickerObject($obj);
if ($picker.data("inputObjectId") != null) {
return $(InputObjects[$picker.data("inputObjectId")]);
}
return null;
};
var setToNow = function($obj) {
var $picker = getParentPickerObject($obj);
var date = new Date();
draw($picker, {
"isAnim": true,
"isOutputToInputObject": true
}, date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes());
};
var beforeMonth = function($obj) {
var $picker = getParentPickerObject($obj);
if ($picker.data('stateAllowBeforeMonth') === false) { // Not allowed
return;
}
var date = getPickedDate($picker);
var targetMonth_lastDay = new Date(date.getFullYear(), date.getMonth(), 0).getDate();
if (targetMonth_lastDay < date.getDate()) {
date.setDate(targetMonth_lastDay);
}
draw($picker, {
"isAnim": true,
"isOutputToInputObject": true
}, date.getFullYear(), date.getMonth() - 1, date.getDate(), date.getHours(), date.getMinutes());
var todayDate = new Date();
var isCurrentYear = todayDate.getFullYear() == date.getFullYear();
var isCurrentMonth = isCurrentYear && todayDate.getMonth() == date.getMonth();
if (!isCurrentMonth || !$picker.data("futureOnly")) {
if (targetMonth_lastDay < date.getDate()) {
date.setDate(targetMonth_lastDay);
}
draw($picker, {
"isAnim": true,
"isOutputToInputObject": true
}, date.getFullYear(), date.getMonth() - 1, date.getDate(), date.getHours(), date.getMinutes());
}
};
var nextMonth = function($obj) {
var $picker = getParentPickerObject($obj);
var date = getPickedDate($picker);
var targetMonth_lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
if (targetMonth_lastDay < date.getDate()) {
date.setDate(targetMonth_lastDay);
}
// Check a last date of a next month
if (getLastDate(date.getFullYear(), date.getMonth() + 1) < date.getDate()) {
date.setDate(getLastDate(date.getFullYear(), date.getMonth() + 1));
}
draw($picker, {
"isAnim": true,
"isOutputToInputObject": true
}, date.getFullYear(), date.getMonth() + 1, date.getDate(), date.getHours(), date.getMinutes());
};
/**
Check a last date of a specified year and month
**/
var getLastDate = function(year, month) {
var date = new Date(year, month + 1, 0);
return date.getDate();
};
var getDateFormat = function(format, locale, is_date_only) {
if (format == "default"){
// Default format
format = translate(locale,'format');
if (is_date_only) {
// Convert the format to date-only (ex: YYYY/MM/DD)
format = format.substring(0, format.search(' '));
}
}
return format; // Return date-format
};
var normalizeYear = function (year) {
if (year < 99) { // change year for 4 digits
var date = new Date();
return parseInt(year) + parseInt(date.getFullYear().toString().substr(0, 2) + "00");
}
return year;
};
var parseDate = function (str, opt_date_format) {
var re, m, date;
if(opt_date_format != null){
// Parse date & time with date-format
// Match a string with date format
var df = opt_date_format.replace(/(-|\/)/g, '[-\/]')
.replace(/YYYY/gi, '(\\d{2,4})')
.replace(/(YY|MM|DD|hh|mm)/g, '(\\d{1,2})')
.replace(/(M|D|h|m)/g, '(\\d{1,2})');
re = new RegExp(df);
m = re.exec(str);
if( m != null){
// Generate the formats array (convert-table)
var formats = [];
var format_buf = '';
var format_before_c = '';
var df_ = opt_date_format;
while (df_ != null && 0 < df_.length) {
var format_c = df_.substring(0, 1); df_ = df_.substring(1, df_.length);
if (format_before_c != format_c) {
if(/(YYYY|YY|MM|DD|mm|dd|M|D|h|m)/.test(format_buf)){
formats.push( format_buf );
format_buf = '';
} else {
format_buf = '';
}
}
format_buf += format_c;
format_before_c = format_c;
}
if (format_buf !== '' && /(YYYY|YY|MM|DD|mm|dd|M|D|h|m)/.test(format_buf)){
formats.push( format_buf );
}
// Convert a string (with convert-table) to a date object
var year, month, day, hour, min;
var is_successful = false;
for(var i = 0; i < formats.length; i++){
if(m.length < i){
break;
}
var f = formats[i];
var d = m[i+1]; // Matched part of date
if(f == 'YYYY'){
year = normalizeYear(d);
is_successful = true;
} else if(f == 'YY'){
year = parseInt(d) + 2000;
is_successful = true;
} else if(f == 'MM' || f == 'M'){
month = parseInt(d) - 1;
is_successful = true;
} else if(f == 'DD' || f == 'D'){
day = d;
is_successful = true;
} else if(f == 'hh' || f == 'h'){
hour = d;
is_successful = true;
} else if(f == 'mm' || f == 'm'){
min = d;
is_successful = true;
}
}
date = new Date(year, month, day, hour, min);
if(is_successful === true && isNaN(date) === false && isNaN(date.getDate()) === false){ // Parse successful
return date;
}
}
}
// Parse date & time with common format
re = /^(\d{2,4})[-\/](\d{1,2})[-\/](\d{1,2}) (\d{1,2}):(\d{1,2})$/;
m = re.exec(str);
if (m !== null) {
m[1] = normalizeYear(m[1]);
date = new Date(m[1], m[2] - 1, m[3], m[4], m[5]);
} else {
// Parse for date-only
re = /^(\d{2,4})[-\/](\d{1,2})[-\/](\d{1,2})$/;
m = re.exec(str);
if(m !== null) {
m[1] = normalizeYear(m[1]);
date = new Date(m[1], m[2] - 1, m[3]);
}
}
if(isNaN(date) === false && isNaN(date.getDate()) === false){ // Parse successful
return date;
}
return false;
};
var getFormattedDate = function(date, date_format) {
if(date == null){
date = new Date();
}
var y = date.getFullYear();
var m = date.getMonth() + 1;
var d = date.getDate();
var hou = date.getHours();
var min = date.getMinutes();
date_format = date_format.replace(/YYYY/gi, y)
.replace(/YY/g, y - 2000)/* century */
.replace(/MM/g, zpadding(m))
.replace(/M/g, m)
.replace(/DD/g, zpadding(d))
.replace(/D/g, d)
.replace(/hh/g, zpadding(hou))
.replace(/h/g, hou)
.replace(/mm/g, zpadding(min))
.replace(/m/g, min);
return date_format;
};
var outputToInputObject = function($picker) {
var $inp = getPickersInputObject($picker);
if ($inp == null) {
return;
}
var date = getPickedDate($picker);
var locale = $picker.data("locale");
var format = getDateFormat($picker.data("dateFormat"), locale, $picker.data('dateOnly'));
var old = $inp.val();
$inp.val(getFormattedDate(date, format));
if (old != $inp.val()) { // only trigger if it actually changed to avoid a nasty loop condition
$inp.trigger("change");
}
};
var getPickedDate = function($obj) {
var $picker = getParentPickerObject($obj);
return $picker.data("pickedDate");
};
var zpadding = function(num) {
num = ("0" + num).slice(-2);
return num;
};
var draw_date = function($picker, option, date) {
//console.log("draw_date - " + date.toString());
draw($picker, option, date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes());
};
var translate = function(locale, s) {
if (typeof lang[locale][s] !== "undefined"){
return lang[locale][s];
}
return lang.en[s];
};
var draw = function($picker, option, year, month, day, hour, min) {
var date = new Date();
if (hour != null) {
date = new Date(year, month, day, hour, min, 0);
} else if (year != null) {
date = new Date(year, month, day);
} else {
date = new Date();
}
/* Read options */
var isTodayButton = $picker.data("todayButton");
var isScroll = option.isAnim; /* It same with isAnim */
if($picker.data("timelistScroll") === false) {// If disabled by user option.
isScroll = false;
}
var isAnim = option.isAnim;
if($picker.data("animation") === false){ // If disabled by user option.
isAnim = false;
}
var isFutureOnly = $picker.data("futureOnly");
var minDate = $picker.data("minDate");
var maxDate = $picker.data("maxDate");
var isOutputToInputObject = option.isOutputToInputObject;
var minuteInterval = $picker.data("minuteInterval");
var firstDayOfWeek = $picker.data("firstDayOfWeek");
var allowWdays = $picker.data("allowWdays");
if (allowWdays == null || isObj('Array', allowWdays) === false || allowWdays.length <= 0) {
allowWdays = null;
}
var minTime = $picker.data("minTime");
var maxTime = $picker.data("maxTime");
/* Check a specified date */
var todayDate = new Date();
if (isFutureOnly) {
if (date.getTime() < todayDate.getTime()) { // Already passed
date.setTime(todayDate.getTime());
}
}
if(allowWdays != null && allowWdays.length <= 6) {
while (true) {
if ($.inArray(date.getDay(), allowWdays) == -1) { // Unallowed wday
// Slide a date
date.setDate(date.getDate() + 1);
} else {
break;
}
}
}
/* Read locale option */
var locale = $picker.data("locale");
if (!lang.hasOwnProperty(locale)) {
locale = 'en';
}
/* Calculate dates */
var firstWday = new Date(date.getFullYear(), date.getMonth(), 1).getDay() - firstDayOfWeek;
var lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
var beforeMonthLastDay = new Date(date.getFullYear(), date.getMonth(), 0).getDate();
var dateBeforeMonth = new Date(date.getFullYear(), date.getMonth(), 0);
var dateNextMonth = new Date(date.getFullYear(), date.getMonth() + 2, 0);
var isCurrentYear = todayDate.getFullYear() == date.getFullYear();
var isCurrentMonth = isCurrentYear && todayDate.getMonth() == date.getMonth();
var isCurrentDay = isCurrentMonth && todayDate.getDate() == date.getDate();
var isPastMonth = false;
if (date.getFullYear() < todayDate.getFullYear() || (isCurrentYear && date.getMonth() < todayDate.getMonth())) {
isPastMonth = true;
}
/* Collect each part */
var $header = $picker.children('.datepicker_header');
var $inner = $picker.children('.datepicker_inner_container');
var $calendar = $picker.children('.datepicker_inner_container').children('.datepicker_calendar');
var $table = $calendar.children('.datepicker_table');
var $timelist = $picker.children('.datepicker_inner_container').children('.datepicker_timelist');
/* Grasp a point that will be changed */
var changePoint = "";
var oldDate = getPickedDate($picker);
if(oldDate != null){
if(oldDate.getMonth() != date.getMonth() || oldDate.getDate() != date.getDate()){
changePoint = "calendar";
} else if (oldDate.getHours() != date.getHours() || oldDate.getMinutes() != date.getMinutes()){
if(date.getMinutes() === 0 || date.getMinutes() % minuteInterval === 0){
changePoint = "timelist";
}
}
}
/* Save newly date to Picker data */
$($picker).data("pickedDate", date);
/* Fade-out animation */
if (isAnim === true) {
if(changePoint == "calendar"){
$calendar.stop().queue([]);
$calendar.fadeTo("fast", 0.8);
}else if(changePoint == "timelist"){
$timelist.stop().queue([]);
$timelist.fadeTo("fast", 0.8);
}
}
/* Remind timelist scroll state */
var drawBefore_timeList_scrollTop = $timelist.scrollTop();
/* New timelist */
var timelist_activeTimeCell_offsetTop = -1;
/* Header ----- */
$header.children().remove();
var cDate = new Date(date.getTime());
cDate.setMinutes(59);
cDate.setHours(23);
cDate.setSeconds(59);
cDate.setDate(0); // last day of previous month
var $link_before_month = null;
if ((!isFutureOnly || !isCurrentMonth) && ((minDate == null) || (minDate < cDate.getTime()))
) {
$link_before_month = $('<a>');
$link_before_month.text('<');
$link_before_month.prop('alt', translate(locale,'prevMonth'));
$link_before_month.prop('title', translate(locale,'prevMonth') );
$link_before_month.click(function() {
beforeMonth($picker);
});
$picker.data('stateAllowBeforeMonth', true);
} else {
$picker.data('stateAllowBeforeMonth', false);
}
cDate.setMinutes(0);
cDate.setHours(0);
cDate.setSeconds(0);
cDate.setDate(1); // First day of next month
cDate.setMonth(date.getMonth() + 1);
var $now_month = $('<span>');
$now_month.text(date.getFullYear() + " " + translate(locale, 'sep') + " " + translate(locale, 'months')[date.getMonth()]);
var $link_next_month = null;
if ((maxDate == null) || (maxDate > cDate.getTime())) {
$link_next_month = $('<a>');
$link_next_month.text('>');
$link_next_month.prop('alt', translate(locale,'nextMonth'));
$link_next_month.prop('title', translate(locale,'nextMonth'));
$link_next_month.click(function() {
nextMonth($picker);
});
}
if (isTodayButton) {
var $link_today = $('<a/>');
/*
This icon resource from a part of "FontAwesome" by Dave Gandy - http://fontawesome.io".
http://fortawesome.github.io/Font-Awesome/license/
Thankyou.
*/
$link_today.html( decodeURIComponent('%3c%3fxml%20version%3d%221%2e0%22%20encoding%3d%22UTF%2d8%22%20standalone%3d%22no%22%3f%3e%3csvg%20%20xmlns%3adc%3d%22http%3a%2f%2fpurl%2eorg%2fdc%2felements%2f1%2e1%2f%22%20%20xmlns%3acc%3d%22http%3a%2f%2fcreativecommons%2eorg%2fns%23%22%20xmlns%3ardf%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f1999%2f02%2f22%2drdf%2dsyntax%2dns%23%22%20%20xmlns%3asvg%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20%20version%3d%221%2e1%22%20%20width%3d%22100%25%22%20%20height%3d%22100%25%22%20viewBox%3d%220%200%2010%2010%22%3e%3cg%20transform%3d%22translate%28%2d5%2e5772299%2c%2d26%2e54581%29%22%3e%3cpath%20d%3d%22m%2014%2e149807%2c31%2e130932%20c%200%2c%2d0%2e01241%200%2c%2d0%2e02481%20%2d0%2e0062%2c%2d0%2e03721%20L%2010%2e57723%2c28%2e153784%207%2e0108528%2c31%2e093719%20c%200%2c0%2e01241%20%2d0%2e0062%2c0%2e02481%20%2d0%2e0062%2c0%2e03721%20l%200%2c2%2e97715%20c%200%2c0%2e217084%200%2e1798696%2c0%2e396953%200%2e3969534%2c0%2e396953%20l%202%2e3817196%2c0%200%2c%2d2%2e38172%201%2e5878132%2c0%200%2c2%2e38172%202%2e381719%2c0%20c%200%2e217084%2c0%200%2e396953%2c%2d0%2e179869%200%2e396953%2c%2d0%2e396953%20l%200%2c%2d2%2e97715%20m%201%2e383134%2c%2d0%2e427964%20c%200%2e06823%2c%2d0%2e08063%200%2e05582%2c%2d0%2e210882%20%2d0%2e02481%2c%2d0%2e279108%20l%20%2d1%2e358324%2c%2d1%2e128837%200%2c%2d2%2e530576%20c%200%2c%2d0%2e111643%20%2d0%2e08683%2c%2d0%2e198477%20%2d0%2e198477%2c%2d0%2e198477%20l%20%2d1%2e190859%2c0%20c%20%2d0%2e111643%2c0%20%2d0%2e198477%2c0%2e08683%20%2d0%2e198477%2c0%2e198477%20l%200%2c1%2e209467%20%2d1%2e513384%2c%2d1%2e265289%20c%20%2d0%2e2605%2c%2d0%2e217083%20%2d0%2e682264%2c%2d0%2e217083%20%2d0%2e942764%2c0%20L%205%2e6463253%2c30%2e42386%20c%20%2d0%2e080631%2c0%2e06823%20%2d0%2e093036%2c0%2e198476%20%2d0%2e024809%2c0%2e279108%20l%200%2e3845485%2c0%2e458976%20c%200%2e031012%2c0%2e03721%200%2e080631%2c0%2e06203%200%2e1302503%2c0%2e06823%200%2e055821%2c0%2e0062%200%2e1054407%2c%2d0%2e01241%200%2e1488574%2c%2d0%2e04342%20l%204%2e2920565%2c%2d3%2e578782%204%2e292058%2c3%2e578782%20c%200%2e03721%2c0%2e03101%200%2e08063%2c0%2e04342%200%2e13025%2c0%2e04342%200%2e0062%2c0%200%2e01241%2c0%200%2e01861%2c0%200%2e04962%2c%2d0%2e0062%200%2e09924%2c%2d0%2e03101%200%2e130251%2c%2d0%2e06823%20l%200%2e384549%2c%2d0%2e458976%22%20%2f%3e%3c%2fg%3e%3c%2fsvg%3e') );
$link_today.addClass('icon-home');
$link_today.prop('alt', translate(locale,'today'));
$link_today.prop('title', translate(locale,'today'));
$link_today.click(function() {
setToNow($picker);
});
$header.append($link_today);
}
if ($link_before_month != null) {
$header.append($link_before_month);
}
$header.append($now_month);
if ($link_next_month != null) {
$header.append($link_next_month);
}
/* Calendar > Table ----- */
$table.children().remove();
var $tr = $('<tr>');
$table.append($tr);
/* Output wday cells */
var firstDayDiff = 7 + firstDayOfWeek;
var daysOfWeek = translate(locale,'days');
var $td;
for (var i = 0; i < 7; i++) {
$td = $('<th>');
$td.text(daysOfWeek[((i + firstDayDiff) % 7)]);
$tr.append($td);
}
/* Output day cells */
var cellNum = Math.ceil((firstWday + lastDay) / 7) * 7;
i = 0;
if(firstWday < 0){
i = -7;
}
var realDayObj = new Date(date.getTime());
realDayObj.setHours(0);
realDayObj.setMinutes(0);
realDayObj.setSeconds(0);
for (var zz = 0; i < cellNum; i++) {
var realDay = i + 1 - firstWday;
var isPast = isPastMonth || (isCurrentMonth && realDay < todayDate.getDate());
if (i % 7 === 0) {
$tr = $('<tr>');
$table.append($tr);
}
$td = $('<td>');
$td.data("day", realDay);
$tr.append($td);
if (firstWday > i) {/* Before months day */
$td.text(beforeMonthLastDay + realDay);
$td.addClass('day_another_month');
$td.data("dateStr", dateBeforeMonth.getFullYear() + "/" + (dateBeforeMonth.getMonth() + 1) + "/" + (beforeMonthLastDay + realDay));
realDayObj.setDate(beforeMonthLastDay + realDay);
realDayObj.setMonth(dateBeforeMonth.getMonth() );
realDayObj.setYear(dateBeforeMonth.getFullYear() );
} else if (i < firstWday + lastDay) {/* Now months day */
$td.text(realDay);
$td.data("dateStr", (date.getFullYear()) + "/" + (date.getMonth() + 1) + "/" + realDay);
realDayObj.setDate( realDay );
realDayObj.setMonth( date.getMonth() );
realDayObj.setYear( date.getFullYear() );
} else {/* Next months day */
$td.text(realDay - lastDay);
$td.addClass('day_another_month');
$td.data("dateStr", dateNextMonth.getFullYear() + "/" + (dateNextMonth.getMonth() + 1) + "/" + (realDay - lastDay));
realDayObj.setDate( realDay - lastDay );
realDayObj.setMonth( dateNextMonth.getMonth() );
realDayObj.setYear( dateNextMonth.getFullYear() );
}
/* Check a wday */
var wday = ((i + firstDayDiff) % 7);
if(allowWdays != null) {
if ($.inArray(wday, allowWdays) == -1) {
$td.addClass('day_in_unallowed');
continue; // Skip
}
} else if (wday === 0) {/* Sunday */
$td.addClass('wday_sun');
} else if (wday == 6) {/* Saturday */
$td.addClass('wday_sat');
}
/* Set a special mark class */
if (realDay == date.getDate()) { /* selected day */
$td.addClass('active');
}
if (isCurrentMonth && realDay == todayDate.getDate()) { /* today */
$td.addClass('today');
}
var realDayObjMN = new Date(realDayObj.getTime());
realDayObjMN.setHours(23);
realDayObjMN.setMinutes(59);
realDayObjMN.setSeconds(59);
if (
// compare to 23:59:59 on the current day (if MIN is 1pm, then we still need to show this day
((minDate != null) && (minDate > realDayObjMN.getTime())) || ((maxDate != null) && (maxDate < realDayObj.getTime())) // compare to 00:00:00
) { // Out of range day
$td.addClass('out_of_range');
} else if (isFutureOnly && isPast) { // Past day
$td.addClass('day_in_past');
} else {
/* Set event-handler to day cell */
$td.click(function() {
if ($(this).hasClass('hover')) {
$(this).removeClass('hover');
}
$(this).addClass('active');
var $picker = getParentPickerObject($(this));
var targetDate = new Date($(this).data("dateStr"));
var selectedDate = getPickedDate($picker);
draw($picker, {
"isAnim": false,
"isOutputToInputObject": true
}, targetDate.getFullYear(), targetDate.getMonth(), targetDate.getDate(), selectedDate.getHours(), selectedDate.getMinutes());
if ($picker.data("dateOnly") === true && $picker.data("isInline") === false && $picker.data("closeOnSelected")){
// Close a picker
ActivePickerId = -1;
$picker.hide();
}
});
$td.hover(function() {
if (! $(this).hasClass('active')) {
$(this).addClass('hover');
}
}, function() {
if ($(this).hasClass('hover')) {
$(this).removeClass('hover');
}
});
}
/* ---- */
}
if ($picker.data("dateOnly") === true) {
/* dateOnly mode */
$timelist.css("display", "none");
} else {
/* Timelist ----- */
$timelist.children().remove();
/* Set height to Timelist (Calendar innerHeight - Calendar padding) */
if ($calendar.innerHeight() > 0) {
$timelist.css("height", $calendar.innerHeight() - 10 + 'px');
}
realDayObj = new Date(date.getTime());
$timelist.css("height", $calendar.innerHeight() - 10 + 'px');
/* Output time cells */
var hour_ = minTime[0];
var min_ = minTime[1];
while( hour_*100+min_ < maxTime[0]*100+maxTime[1] ){
var $o = $('<div>');
var is_past_time = hour_ < todayDate.getHours() || (hour_ == todayDate.getHours() && min_ < todayDate.getMinutes());
var is_past = isCurrentDay && is_past_time;
$o.addClass('timelist_item');
$o.text(zpadding(hour_) + ":" + zpadding(min_));
$o.data("hour", hour_);
$o.data("min", min_);
$timelist.append($o);
realDayObj.setHours(hour_);
realDayObj.setMinutes(min_);
if (
((minDate != null) && (minDate > realDayObj.getTime())) || ((maxDate != null) && (maxDate < realDayObj.getTime()))
) { // Out of range cell
$o.addClass('out_of_range');
} else if (isFutureOnly && is_past) { // Past cell
$o.addClass('time_in_past');
} else { // Normal cell
/* Set event handler to time cell */
$o.click(function() {
if ($(this).hasClass('hover')) {
$(this).removeClass('hover');
}
$(this).addClass('active');
var $picker = getParentPickerObject($(this));
var date = getPickedDate($picker);
var hour = $(this).data("hour");
var min = $(this).data("min");
draw($picker, {
"isAnim": false,
"isOutputToInputObject": true
}, date.getFullYear(), date.getMonth(), date.getDate(), hour, min);
if ($picker.data("isInline") === false && $picker.data("closeOnSelected")){
// Close a picker
ActivePickerId = -1;
$picker.hide();
}
});
$o.hover(function() {
if (! $(this).hasClass('active')) {
$(this).addClass('hover');
}
}, function() {
if ($(this).hasClass('hover')) {
$(this).removeClass('hover');
}
});
}
if (hour_ == date.getHours() && min_ == date.getMinutes()) { /* selected time */
$o.addClass('active');
timelist_activeTimeCell_offsetTop = $o.offset().top;
}
min_ += minuteInterval;
if (min_ >= 60){
min_ = min_ - 60;
hour_++;
}
}
/* Scroll the timelist */
if(isScroll === true){
/* Scroll to new active time-cell position */
$timelist.scrollTop(timelist_activeTimeCell_offsetTop - $timelist.offset().top);
}else{
/* Scroll to position that before redraw. */
$timelist.scrollTop(drawBefore_timeList_scrollTop);
}
}
/* Fade-in animation */
if (isAnim === true) {
if(changePoint == "calendar"){
$calendar.fadeTo("fast", 1.0);
}else if(changePoint == "timelist"){
$timelist.fadeTo("fast", 1.0);
}
}
/* Output to InputForm */
if (isOutputToInputObject === true) {
outputToInputObject($picker);
}
};
/* Check for object type */
var isObj = function(type, obj) {
/* http://qiita.com/Layzie/items/465e715dae14e2f601de */
var clas = Object.prototype.toString.call(obj).slice(8, -1);
return obj !== undefined && obj !== null && clas === type;
};
var init = function($obj, opt) {
/* Container */
var $picker = $('<div>');
$picker.destroy = function() {
window.alert('destroy!');
};
$picker.addClass('datepicker');
$obj.append($picker);
/* Set current date */
if(!opt.current) {
opt.current = new Date();
} else {
var format = getDateFormat(opt.dateFormat, opt.locale, opt.dateOnly);
var date = parseDate(opt.current, format);
if (date) {
opt.current = date;
} else {
opt.current = new Date();
}
}
/* Set options data to container object */
if (opt.inputObjectId != null) {
$picker.data("inputObjectId", opt.inputObjectId);
}
$picker.data("dateOnly", opt.dateOnly);
$picker.data("pickerId", PickerObjects.length);
$picker.data("dateFormat", opt.dateFormat);
$picker.data("locale", opt.locale);
$picker.data("firstDayOfWeek", opt.firstDayOfWeek);
$picker.data("animation", opt.animation);
$picker.data("closeOnSelected", opt.closeOnSelected);
$picker.data("timelistScroll", opt.timelistScroll);
$picker.data("calendarMouseScroll", opt.calendarMouseScroll);
$picker.data("todayButton", opt.todayButton);
$picker.data('futureOnly', opt.futureOnly);
$picker.data('onShow', opt.onShow);
$picker.data('onHide', opt.onHide);
$picker.data('onInit', opt.onInit);
$picker.data('allowWdays', opt.allowWdays);
var minDate = Date.parse(opt.minDate);
if (isNaN(minDate)) { // invalid date?
$picker.data('minDate', null); // set to null
} else {
$picker.data('minDate', minDate);
}
var maxDate = Date.parse(opt.maxDate);
if (isNaN(maxDate)) { // invalid date?
$picker.data('maxDate', null); // set to null
} else {
$picker.data('maxDate', maxDate);
}
$picker.data("state", 0);
if( 5 <= opt.minuteInterval && opt.minuteInterval <= 30 ){
$picker.data("minuteInterval", opt.minuteInterval);
} else {
$picker.data("minuteInterval", 30);
}
opt.minTime = opt.minTime.split(':');
opt.maxTime = opt.maxTime.split(':');
if(! ((opt.minTime[0] >= 0 ) && (opt.minTime[0] <24 ))){
opt.minTime[0]="00";
}
if(! ((opt.maxTime[0] >= 0 ) && (opt.maxTime[0] <24 ))){
opt.maxTime[0]="23";
}
if(! ((opt.minTime[1] >= 0 ) && (opt.minTime[1] <60 ))){
opt.minTime[1]="00";
}
if(! ((opt.maxTime[1] >= 0 ) && (opt.maxTime[1] <24 ))){
opt.maxTime[1]="59";
}
opt.minTime[0]=parseInt(opt.minTime[0]);
opt.minTime[1]=parseInt(opt.minTime[1]);
opt.maxTime[0]=parseInt(opt.maxTime[0]);
opt.maxTime[1]=parseInt(opt.maxTime[1]);
$picker.data('minTime', opt.minTime);
$picker.data('maxTime', opt.maxTime);
/* Header */
var $header = $('<div>');
$header.addClass('datepicker_header');
$picker.append($header);
/* InnerContainer*/
var $inner = $('<div>');
$inner.addClass('datepicker_inner_container');
$picker.append($inner);
/* Calendar */
var $calendar = $('<div>');
$calendar.addClass('datepicker_calendar');
var $table = $('<table>');
$table.addClass('datepicker_table');
$calendar.append($table);
$inner.append($calendar);
/* Timelist */
var $timelist = $('<div>');
$timelist.addClass('datepicker_timelist');
$inner.append($timelist);
/* Set event handler to picker */
$picker.hover(
function(){
ActivePickerId = $(this).data("pickerId");
},
function(){
ActivePickerId = -1;
}
);
/* Set event-handler to calendar */
if (opt.calendarMouseScroll) {
if (window.sidebar) { // Mozilla Firefox
$calendar.bind('DOMMouseScroll', function(e){ // Change a month with mouse wheel scroll for Fx
var $picker = getParentPickerObject($(this));
// up,left [delta < 0] down,right [delta > 0]
var delta = e.originalEvent.detail;
/*
// this code need to be commented - it's seems to be unnecessary
// normalization (/3) is not needed as we move one month back or forth
if(e.originalEvent.axis !== undefined && e.originalEvent.axis == e.originalEvent.HORIZONTAL_AXIS){
e.deltaX = delta;
e.deltaY = 0;
} else {
e.deltaX = 0;
e.deltaY = delta;
}
e.deltaX /= 3;
e.deltaY /= 3;
*/
if(delta > 0) {
nextMonth($picker);
} else {
beforeMonth($picker);
}
return false;
});
} else { // Other browsers
$calendar.bind('mousewheel', function(e){ // Change a month with mouse wheel scroll
var $picker = getParentPickerObject($(this));
// up [delta > 0] down [delta < 0]
if(e.originalEvent.wheelDelta /120 > 0) {
beforeMonth($picker);
} else {
nextMonth($picker);
}
return false;
});
}
}
PickerObjects.push($picker);
draw_date($picker, {
"isAnim": true,
"isOutputToInputObject": opt.autodateOnStart
}, opt.current);
};
var getDefaults = function() {
return {
"current": null,
"dateFormat": "default",
"locale": "en",
"animation": true,
"minuteInterval": 30,
"firstDayOfWeek": 0,
"closeOnSelected": false,
"timelistScroll": true,
"calendarMouseScroll": true,
"todayButton": true,
"dateOnly": false,
"futureOnly": false,
"minDate" : null,
"maxDate" : null,
"autodateOnStart": true,
"minTime":"00:00",
"maxTime":"23:59",
"onShow": null,
"onHide": null,
"allowWdays": null
};
};
/**
* Initialize dtpicker
*/
$.fn.dtpicker = function(config) {
var date = new Date();
var defaults = getDefaults();
defaults.inputObjectId = undefined;
var options = $.extend(defaults, config);
return this.each(function(i) {
init($(this), options);
});
};
/**
* Initialize dtpicker, append to Text input field
* */
$.fn.appendDtpicker = function(config) {
var date = new Date();
var defaults = getDefaults();
defaults.inline = false;
var options = $.extend(defaults, config);
return this.each(function(i) {
/* Checking exist a picker */
var input = this;
if(0 < $(PickerObjects[$(input).data('pickerId')]).length) {
console.log("dtpicker - Already exist appended picker");
return;
}
/* Add input-field with inputsObjects array */
var inputObjectId = InputObjects.length;
InputObjects.push(input);
options.inputObjectId = inputObjectId;
/* Current date */
var date, strDate, strTime;
if($(input).val() != null && $(input).val() !== ""){
options.current = $(input).val();
}
/* Make parent-div for picker */
var $d = $('<div>');
if(options.inline){ // Inline mode
$d.insertAfter(input);
} else { // Float mode
$d.css("position","absolute");
$('body').append($d);
}
/* Initialize picker */
var pickerId = PickerObjects.length;
var $picker_parent = $($d).dtpicker(options); // call dtpicker() method
var $picker = $picker_parent.children('.datepicker');
/* Link input-field with picker*/
$(input).data('pickerId', pickerId);
/* Set event handler to input-field */
$(input).keyup(function() {
var $input = $(this);
var $picker = $(PickerObjects[$input.data('pickerId')]);
if ($input.val() != null && (
$input.data('beforeVal') == null ||
( $input.data('beforeVal') != null && $input.data('beforeVal') != $input.val()) )
) { /* beforeValue == null || beforeValue != nowValue */
var format = getDateFormat($picker.data('dateFormat'), $picker.data('locale'), $picker.data('dateOnly'));
var date = parseDate($input.val(), format);
//console.log("dtpicker - inputKeyup - format: " + format + ", date: " + $input.val() + " -> " + date);
if (date) {
draw_date($picker, {
"isAnim":true,
"isOutputToInputObject":false
}, date);
}
}
$input.data('beforeVal', $input.val());
});
$(input).change(function(){
$(this).trigger('keyup');
});
var handler = new PickerHandler($picker, $(input));
if(options.inline === true){
/* inline mode */
$picker.data('isInline',true);
} else {
/* float mode */
$picker.data('isInline',false);
$picker_parent.css({
"zIndex": 100
});
$picker.css("width","auto");
/* Hide this picker */
$picker.hide();
/* Set onClick event handler for input-field */
$(input).on('click, focus',function(){
var $input = $(this);
var $picker = $(PickerObjects[$input.data('pickerId')]);
// Generate the handler of a picker
var handler = new PickerHandler($picker, $input);
// Get the display state of a picker
var is_showed = handler.isShow();
if (!is_showed) {
// Show a picker
handler.show();
// Call a event-hanlder
var func = $picker.data('onShow');
if (func != null) {
console.log("dtpicker- Call the onShow handler");
func(handler);
}
}
});
// Set an event handler for resizing of a window
(function(handler){
$(window).resize(function(){
handler._relocate();
});
$(window).scroll(function(){
handler._relocate();
});
})(handler);
}
// Set an event handler for removing of an input-field
$(input).bind('destroyed', function() {
var $input = $(this);
var $picker = $(PickerObjects[$input.data('pickerId')]);
// Generate the handler of a picker
var handler = new PickerHandler($picker, $input);
// Destroy a picker
handler.destroy();
});
// Call a event-handler
var func = $picker.data('onInit');
if (func != null) {
console.log("dtpicker- Call the onInit handler");
func(handler);
}
});
};
/**
* Handle a appended dtpicker
* */
var methods = {
show : function( ) {
var $input = $(this);
var $picker = $(PickerObjects[$input.data('pickerId')]);
if ($picker != null) {
var handler = new PickerHandler($picker, $input);
// Show a picker
handler.show();
}
},
hide : function( ) {
var $input = $(this);
var $picker = $(PickerObjects[$input.data('pickerId')]);
if ($picker != null) {
var handler = new PickerHandler($picker, $input);
// Hide a picker
handler.hide();
}
},
setDate : function( date ) {
var $input = $(this);
var $picker = $(PickerObjects[$input.data('pickerId')]);
if ($picker != null) {
var handler = new PickerHandler($picker, $input);
// Set a date
handler.setDate(date);
}
},
getDate : function( ) {
var $input = $(this);
var $picker = $(PickerObjects[$input.data('pickerId')]);
if ($picker != null) {
var handler = new PickerHandler($picker, $input);
// Get a date
return handler.getDate();
}
},
destroy : function( ) {
var $input = $(this);
var $picker = $(PickerObjects[$input.data('pickerId')]);
if ($picker != null) {
var handler = new PickerHandler($picker, $input);
// Destroy a picker
handler.destroy();
}
}
};
$.fn.handleDtpicker = function( method ) {
if ( methods[method] ) {
return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ));
} else if ( typeof method === 'object' || ! method ) {
return methods.init.apply( this, arguments );
} else {
$.error( 'Method ' + method + ' does not exist on jQuery.handleDtpicker' );
}
};
if (!window.console) { // Not available a console on this environment.
window.console = {};
window.console.log = function(){};
}
/* Define a special event for catch when destroy of an input-field. */
$.event.special.destroyed = {
remove: function(o) {
if (o.handler) {
o.handler.apply(this, arguments);
}
}
};
/* Set event handler to Body element, for hide a floated-picker */
$(function(){
$('body').click(function(){
for(var i=0;i<PickerObjects.length;i++){
var $picker = $(PickerObjects[i]);
if(ActivePickerId != i){ /* if not-active picker */
if($picker.data("inputObjectId") != null && $picker.data("isInline") === false && $picker.css('display') != 'none'){
/* if append input-field && float picker */
// Hide a picker
var $input = InputObjects[$picker.data("inputObjectId")];
var handler = new PickerHandler($picker, $input);
handler.hide();
// Call a event-hanlder
var func = $picker.data('onHide');
if (func != null) {
console.log("dtpicker- Call the onHide handler");
func(handler);
}
}
}
}
});
});
})(jQuery);