From e2eafa13208ceb8c38bbecf2e9fee41612135a5c Mon Sep 17 00:00:00 2001 From: charithag Date: Fri, 3 Jul 2015 20:40:31 +0530 Subject: [PATCH] Add statistic selection options with updated date range picker --- .../iot/units/mydevice/mydevice.hbs | 22 +- .../mydevice/public/css/daterangepicker.css | 563 +-- .../units/mydevice/public/js/graph_util.js | 195 +- .../public/js/jquery.daterangepicker.js | 3059 ++++++++--------- 4 files changed, 1870 insertions(+), 1969 deletions(-) diff --git a/modules/distribution/src/repository/jaggeryapps/iot/units/mydevice/mydevice.hbs b/modules/distribution/src/repository/jaggeryapps/iot/units/mydevice/mydevice.hbs index 5653f13c..c98f4e19 100644 --- a/modules/distribution/src/repository/jaggeryapps/iot/units/mydevice/mydevice.hbs +++ b/modules/distribution/src/repository/jaggeryapps/iot/units/mydevice/mydevice.hbs @@ -24,16 +24,22 @@
-
-
-

Date Range:

- - +
+
+
+
+
+ + + + + +
+ +
+
-
diff --git a/modules/distribution/src/repository/jaggeryapps/iot/units/mydevice/public/css/daterangepicker.css b/modules/distribution/src/repository/jaggeryapps/iot/units/mydevice/public/css/daterangepicker.css index 030b3386..71bcee06 100644 --- a/modules/distribution/src/repository/jaggeryapps/iot/units/mydevice/public/css/daterangepicker.css +++ b/modules/distribution/src/repository/jaggeryapps/iot/units/mydevice/public/css/daterangepicker.css @@ -1,232 +1,331 @@ -.date-picker -{ - width:170px; - height:25px; - padding:0; - border:0; - line-height:25px; - padding-left:10px; - font-size:12px; - font-family:Arial; - font-weight:bold; - cursor:pointer; - color:#303030; - position:relative; - z-index:2; -} -.date-picker-wrapper -{ - position:absolute; - z-index:1; - border:1px solid #bfbfbf; - background-color:#efefef; - width:428px; - padding: 5px 12px; - font-size:12px; - line-height:20px; - color:#aaa; - font-family:Arial; - box-shadow:3px 3px 10px rgba(0,0,0,0.5); -} -.date-picker-wrapper.single-date { - width:auto; -} -.date-picker-wrapper.no-shortcuts { padding-bottom:12px;} -.date-picker-wrapper .footer -{ - font-size:11px; - padding-top: 3px; -} -.date-picker-wrapper b -{ - color:#666; - font-weight:700; -} -.date-picker-wrapper a -{ - color: rgb(107, 180, 214); - text-decoration:underline; -} -.date-picker-wrapper .month-name -{ - text-transform: uppercase; -} -.date-picker-wrapper .month-wrapper -{ - border:1px solid #bfbfbf; - border-radius:3px; - background-color:#fff; - padding:5px; - cursor:default; - position:relative; - _overflow:hidden; -} -.date-picker-wrapper .month-wrapper table -{ - width:190px; - float:left; -} -.date-picker-wrapper .month-wrapper table.month2 -{ - width:190px; - float:right; -} -.date-picker-wrapper .month-wrapper table th, -.date-picker-wrapper .month-wrapper table td -{ - vertical-align:middle; - text-align:center; - line-height:14px; - margin : 0px; - padding : 0px; -} -.date-picker-wrapper .month-wrapper table .day -{ - height:19px; - line-height:19px; - font-size:12px; - margin-bottom:1px; - color:#999; - cursor:default; -} -.date-picker-wrapper .month-wrapper table div.day.lastMonth, -.date-picker-wrapper .month-wrapper table div.day.nextMonth -{ - color:#999; - cursor:default; -} -.date-picker-wrapper .month-wrapper table .day.checked -{ - background-color: rgba(156, 219, 247, 0.5); -} -.date-picker-wrapper .month-wrapper table .week-name -{ - height:20px; - line-height:20px; - font-weight:100; - text-transform: uppercase; -} - -.date-picker-wrapper .month-wrapper table .day.has-tooltip { cursor:help !important;} - -.date-picker-wrapper .month-wrapper table .day.toMonth.valid -{ - color:#333; - cursor:pointer; -} - -.date-picker-wrapper .month-wrapper table .day.real-today { background-color: rgb(255, 230, 132); } -.date-picker-wrapper .month-wrapper table .day.real-today.checked { background-color: rgb(112, 204, 213); } - - -.date-picker-wrapper table .caption -{ - height:40px; -} -.date-picker-wrapper table .caption .next, -.date-picker-wrapper table .caption .prev -{ - padding:0 5px; - cursor:pointer; -} -.date-picker-wrapper table .caption .next:hover, -.date-picker-wrapper table .caption .prev:hover -{ - background-color:#ccc; - color:white; -} -.date-picker-wrapper .gap -{ - position:absolute; - display:none; - top:0px; - left:204px; - z-index: 1; - width:15px; - height: 100%; - background-color:red; - font-size:0; - line-height:0; -} -.date-picker-wrapper .gap .gap-lines { height: 100%; overflow:hidden; } -.date-picker-wrapper .gap .gap-line { height:15px;width:15px; position:relative; } -.date-picker-wrapper .gap .gap-line .gap-1 { z-index:1; height:0; border-left:8px solid white; border-top:8px solid #eee;border-bottom:8px solid #eee; } -.date-picker-wrapper .gap .gap-line .gap-2 { position:absolute; right:0; top:0px; z-index:2; height:0; border-left:8px solid transparent; border-top:8px solid white; } -.date-picker-wrapper .gap .gap-line .gap-3 { position:absolute; right:0; top:8px; z-index:2; height:0; border-left:8px solid transparent; border-bottom:8px solid white; } -.date-picker-wrapper .gap .gap-top-mask { width: 6px; height:1px; position:absolute; top: -1px; left: 1px; background-color: #eee; z-index:3; } -.date-picker-wrapper .gap .gap-bottom-mask { width: 6px; height:1px; position:absolute; bottom: -1px; left: 7px; background-color: #eee; z-index:3; } - -.date-picker-wrapper .selected-days -{ - display:none; -} -.date-picker-wrapper .drp_top-bar -{ - line-height:40px; - height:40px; - position:relative; -} -.date-picker-wrapper .drp_top-bar .error-top { display:none; } -.date-picker-wrapper .drp_top-bar .normal-top { display:none; } -.date-picker-wrapper .drp_top-bar .default-top { display:block; } - -.date-picker-wrapper .drp_top-bar.error .default-top { display:none; } -.date-picker-wrapper .drp_top-bar.error .error-top { display:block; color:red; } - -.date-picker-wrapper .drp_top-bar.normal .default-top { display:none; } -.date-picker-wrapper .drp_top-bar.normal .normal-top { display:block; } - -.date-picker-wrapper .drp_top-bar .apply-btn -{ - position:absolute; - right: 0px; - top: 6px; - padding:3px 5px; - margin:0; - font-size:12px; - border-radius:4px; - cursor:pointer; - - color: #d9eef7; - border: solid 1px #0076a3; - background: #0095cd; - background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); - background: -moz-linear-gradient(top, #00adee, #0078a5); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); - color:white; -} - -.date-picker-wrapper .drp_top-bar .apply-btn.disabled -{ - cursor: pointer; - color: #606060; - border: solid 1px #b7b7b7; - background: #fff; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); - background: -moz-linear-gradient(top, #fff, #ededed); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); -} -/*time styling*/ -.time { - position: relative; -} -.time input[type=range] { - vertical-align: middle; -} -.time1, .time2 { - width: 180px; - padding: 0 5px; - text-align: center; -} -.time1 { - float: left; -} -.time2 { - float: right; -} -.hour, .minute { - text-align: right; -} -.hide { - display: none; -} +.date-picker { + width: 170px; + height: 25px; + padding: 0; + border: 0; + line-height: 25px; + padding-left: 10px; + font-size: 12px; + font-family: Arial; + font-weight: bold; + cursor: pointer; + color: #303030; + position: relative; + z-index: 2; +} + +.date-picker-wrapper { + position: absolute; + z-index: 1; + border: 1px solid #bfbfbf; + background-color: #efefef; + width: 448px; + padding: 5px 12px; + font-size: 12px; + line-height: 20px; + color: #aaa; + font-family: Arial; + box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5); +} + +.date-picker-wrapper.single-date { + width: auto; +} + +.date-picker-wrapper.no-shortcuts { + padding-bottom: 12px; +} + +.date-picker-wrapper .footer { + display: none; + font-size: 11px; + padding-top: 3px; +} + +.date-picker-wrapper b { + color: #666; + font-weight: 700; +} + +.date-picker-wrapper a { + color: rgb(107, 180, 214); + text-decoration: underline; +} + +.date-picker-wrapper .month-wrapper { + border: 1px solid #bfbfbf; + border-radius: 3px; + background-color: #fff; + padding: 5px; + cursor: default; + position: relative; + _overflow: hidden; +} + +.date-picker-wrapper .month-wrapper table { + width: 190px; + float: left; +} + +.date-picker-wrapper .month-wrapper table.month2 { + width: 190px; + float: right; +} + +.date-picker-wrapper .month-wrapper table th, +.date-picker-wrapper .month-wrapper table td { + vertical-align: middle; + text-align: center; + line-height: 14px; + margin: 0px; + padding: 0px; +} + +.date-picker-wrapper .month-wrapper table .day { + height: 19px; + line-height: 19px; + font-size: 12px; + margin-bottom: 1px; + color: #999; + cursor: default; +} + +.date-picker-wrapper .month-wrapper table div.day.lastMonth, +.date-picker-wrapper .month-wrapper table div.day.nextMonth { + color: #999; + cursor: default; +} + +.date-picker-wrapper .month-wrapper table .day.checked { + background-color: rgb(156, 219, 247); +} + +.date-picker-wrapper .month-wrapper table .week-name { + height: 20px; + line-height: 20px; + font-weight: 100; +} + +.date-picker-wrapper .month-wrapper table .day.has-tooltip { + cursor: help !important; +} + +.date-picker-wrapper .month-wrapper table .day.toMonth.valid { + color: #333; + cursor: pointer; +} + +.date-picker-wrapper .month-wrapper table .day.real-today { + background-color: rgb(255, 230, 132); +} + +.date-picker-wrapper .month-wrapper table .day.real-today.checked { + background-color: rgb(112, 204, 213); +} + +.date-picker-wrapper table .caption { + height: 40px; +} + +.date-picker-wrapper table .caption .next, +.date-picker-wrapper table .caption .prev { + padding: 0 5px; + cursor: pointer; +} + +.date-picker-wrapper table .caption .next:hover, +.date-picker-wrapper table .caption .prev:hover { + background-color: #ccc; + color: white; +} + +.date-picker-wrapper .gap { + position: absolute; + display: none; + top: 0px; + left: 204px; + z-index: 1; + width: 15px; + height: 100%; + background-color: red; + font-size: 0; + line-height: 0; +} + +.date-picker-wrapper .gap .gap-lines { + height: 100%; + overflow: hidden; +} + +.date-picker-wrapper .gap .gap-line { + height: 15px; + width: 15px; + position: relative; +} + +.date-picker-wrapper .gap .gap-line .gap-1 { + z-index: 1; + height: 0; + border-left: 8px solid white; + border-top: 8px solid #eee; + border-bottom: 8px solid #eee; +} + +.date-picker-wrapper .gap .gap-line .gap-2 { + position: absolute; + right: 0; + top: 0px; + z-index: 2; + height: 0; + border-left: 8px solid transparent; + border-top: 8px solid white; +} + +.date-picker-wrapper .gap .gap-line .gap-3 { + position: absolute; + right: 0; + top: 8px; + z-index: 2; + height: 0; + border-left: 8px solid transparent; + border-bottom: 8px solid white; +} + +.date-picker-wrapper .gap .gap-top-mask { + width: 6px; + height: 1px; + position: absolute; + top: -1px; + left: 1px; + background-color: #eee; + z-index: 3; +} + +.date-picker-wrapper .gap .gap-bottom-mask { + width: 6px; + height: 1px; + position: absolute; + bottom: -1px; + left: 7px; + background-color: #eee; + z-index: 3; +} + +.date-picker-wrapper .selected-days { + display: none; +} + +.date-picker-wrapper .drp_top-bar { + line-height: 40px; + height: 40px; + position: relative; +} + +.date-picker-wrapper .drp_top-bar .error-top { + display: none; +} + +.date-picker-wrapper .drp_top-bar .normal-top { + display: none; +} + +.date-picker-wrapper .drp_top-bar .default-top { + display: block; +} + +.date-picker-wrapper .drp_top-bar.error .default-top { + display: none; +} + +.date-picker-wrapper .drp_top-bar.error .error-top { + display: block; + color: red; +} + +.date-picker-wrapper .drp_top-bar.normal .default-top { + display: none; +} + +.date-picker-wrapper .drp_top-bar.normal .normal-top { + display: block; +} + +.date-picker-wrapper .drp_top-bar .apply-btn { + position: absolute; + right: 0px; + top: 6px; + padding: 3px 5px; + margin: 0; + font-size: 12px; + border-radius: 4px; + cursor: pointer; + + color: #d9eef7; + border: solid 1px #0076a3; + background: #0095cd; + background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); + background: -moz-linear-gradient(top, #00adee, #0078a5); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); + color: white; +} + +.date-picker-wrapper .drp_top-bar .apply-btn.disabled { + pointer-events: none; + color: #606060; + border: solid 1px #b7b7b7; + background: #fff; + background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); + background: -moz-linear-gradient(top, #fff, #ededed); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); +} + +/*time styling*/ +.time { + position: relative; +} + +.time input[type=range] { + vertical-align: middle; +} + +.time1, .time2 { + width: 180px; + padding: 0 5px; + text-align: center; +} + +.time1 { + float: left; +} + +.time2 { + float: right; +} + +.hour, .minute { + text-align: left; +} + +.hide { + display: none; +} + +input.hour-range, input.minute-range { + width: 150px; +} + +#dateRangePickerContainer .date-range, #dateRangePickerContainer .input-append { + background: none !important; +} + +#date-range{ + padding-right:30px; + width:300px; + height:100%; + display:inline-block; +} + +#dateRangePickerContainer{ + float:right; + margin-top:-6px; +} \ No newline at end of file diff --git a/modules/distribution/src/repository/jaggeryapps/iot/units/mydevice/public/js/graph_util.js b/modules/distribution/src/repository/jaggeryapps/iot/units/mydevice/public/js/graph_util.js index a4038182..9b20afe4 100644 --- a/modules/distribution/src/repository/jaggeryapps/iot/units/mydevice/public/js/graph_util.js +++ b/modules/distribution/src/repository/jaggeryapps/iot/units/mydevice/public/js/graph_util.js @@ -11,76 +11,96 @@ Rickshaw.Graph.Renderer.BarNoGap = Rickshaw.Class.create(Rickshaw.Graph.Renderer } }); -var configObject = { - format: 'DD.MM.YYYY HH:mm', +var currentDay = new Date(); +var startDate = new Date(currentDay.getTime() - (60 * 60 * 24 * 100)); +var endDate = new Date(currentDay.getTime()); + +var configObject = { + startOfWeek: 'monday', separator: ' to ', - language: 'auto', - startOfWeek: 'sunday',// or sunday + format: 'YYYY-MM-DD HH:mm', + autoClose: false, + time: { + enabled: true + }, + shortcuts: 'hide', + endDate: currentDay, + getValue: function () { return this.value; }, setValue: function (s) { this.value = s; - }, - startDate: false, - endDate: false, - minDays: 0, - maxDays: 0, - showShortcuts: true, - time: { - enabled: true - }, - shortcuts: { - //'prev-days': [1,3,5,7], - 'next-days': [3, 5, 7], - //'prev' : ['week','month','year'], - 'next': ['week', 'month', 'year'] - }, - customShortcuts: [], - inline: false, - container: 'body', - alwaysOpen: false, - singleDate: false, - batchMode: false, - stickyMonths: false + } }; -$('#date-range1').dateRangePicker(configObject) +var DateRange = convertDate(startDate) + " " + configObject.separator + " " + convertDate(endDate); + +$('#date-range').dateRangePicker(configObject) .bind('datepicker-apply', function (event, dateRange) { + $(this).addClass('active'); + $(this).siblings().removeClass('active'); fromDate = dateRange.date1 != "Invalid Date" ? dateRange.date1.getTime() / 1000 : null; toDate = dateRange.date2 != "Invalid Date" ? dateRange.date2.getTime() / 1000 : null; - }); - -var now = new Date(); -var startDate = new Date(now.getTime() - (60*60*24*100)); -var endDate = new Date(now.getTime()); - -var DateRange = customFormatDate(startDate,configObject.format) +" "+ configObject.separator +" "+ customFormatDate(endDate,configObject.format); -console.log(DateRange); + getStats(fromDate, toDate); + } +); -$( document ).ready(function() { - $('#date-range1').val(DateRange); - $('#date-range1').trigger('datepicker-apply', +$(document).ready(function () { + $('#date-range').html(DateRange); + $('#date-range').trigger('datepicker-apply', { 'value': DateRange, - 'date1' : startDate, - 'date2' : endDate + 'date1': startDate, + 'date2': endDate }); +}); - $('#btn-draw-graphs').trigger("click"); +//day picker +$('#today-btn').on('click', function () { + getDateTime(currentDay.getTime() - 86400000, currentDay.getTime()); }); -//26.04.2015 08:46 to 22.07.2015 08:46 +//hour picker +$('#hour-btn').on('click', function () { + getDateTime(currentDay.getTime() - 3600000, currentDay.getTime()); +}) -$('#btn-draw-graphs').on('click', function () { - var deviceId = getUrlParameter('deviceId'); - var deviceType = getUrlParameter('deviceType'); - console.log("device id:"+deviceId); - getStats(deviceId, deviceType, fromDate, toDate); +//week picker +$('#week-btn').on('click', function () { + getDateTime(currentDay.getTime() - 604800000, currentDay.getTime()); +}) + +//month picker +$('#month-btn').on('click', function () { + getDateTime(currentDay.getTime() - (604800000 * 4), currentDay.getTime()); }); -function getStats(deviceId, deviceType, from, to) { +$('body').on('click', '.btn-group button', function (e) { + $(this).addClass('active'); + $(this).siblings().removeClass('active'); +}); + +function getDateTime(from, to) { + startDate = new Date(from); + endDate = new Date(to); + DateRange = convertDate(startDate) + " " + configObject.separator + " " + convertDate(endDate); + console.log(DateRange); + $('#date-range').html(DateRange); + $('#date-range').trigger('datepicker-apply', + { + 'value': DateRange, + 'date1': startDate, + 'date2': endDate + } + ); + getStats(from / 1000, to / 1000); +} + +function getStats(from, to) { + var deviceId = getUrlParameter('deviceId'); + var deviceType = getUrlParameter('deviceType'); var requestData = new Object(); @@ -148,7 +168,7 @@ function updateGraphs(stats) { function scaleGraphs() { var sliders = $('.right_handle'); - if (sliders.length == 0){ + if (sliders.length == 0) { return; } @@ -179,7 +199,9 @@ function scaleGraphs() { function convertStatsToGraphData(stats) { var graphData = new Array(); - if(!stats){return graphData;} + if (!stats) { + return graphData; + } for (var i = 0; i < stats.length; i++) { graphData.push({x: parseInt(stats[i]['time']) * 1000, y: stats[i]['value']}) } @@ -188,65 +210,34 @@ function convertStatsToGraphData(stats) { } - -function convertStateStatsToGraphData(stats){ +function convertStateStatsToGraphData(stats) { var graphData = new Array(); - if(!stats){return graphData;} + if (!stats) { + return graphData; + } var yValue; - for(var i = 0; i < stats.length; i++){ - yValue = -1; - - if(stats[i]['value'].toUpperCase() == 'ON'){ - yValue = 1; - }else if(stats[i]['value'].toUpperCase() == 'OFF'){ - yValue = 0; - } - - graphData.push({x: parseInt(stats[i]['time']) * 1000, y: yValue}) - } - - return graphData; -} + for (var i = 0; i < stats.length; i++) { + yValue = -1; -function arrayMin(arr) { - var len = arr.length, min = Infinity; - while (len--) { - if (arr[len] < min) { - min = arr[len]; + if (stats[i]['value'].toUpperCase() == 'ON') { + yValue = 1; + } else if (stats[i]['value'].toUpperCase() == 'OFF') { + yValue = 0; } - } - return min; -}; -function arrayMax(arr) { - var len = arr.length, max = -Infinity; - while (len--) { - if (arr[len] > max) { - max = arr[len]; - } + graphData.push({x: parseInt(stats[i]['time']) * 1000, y: yValue}) } - return max; -}; + return graphData; +} -function customFormatDate(timeStamp, formatString){ - console.log("came"+formatString); - var YYYY,YY,MMMM,MMM,MM,M,DDDD,DDD,DD,D,hhh,hh,h,mm,m,ss,s,ampm,AMPM,dMod,th; - YYYY=timeStamp.getFullYear(); - MM = (M=timeStamp.getMonth()+1)<10?('0'+M):M; - //MMM = (MMMM=["January","February","March","April","May","June","July","August","September","October","November","December"][M-1]).substring(0,3); - DD = (D=timeStamp.getDate())<10?('0'+D):D; - //DDD = (DDDD=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][timeStamp.getDay()]).substring(0,3); - formatString = formatString.replace("YYYY",YYYY).replace("MM",MM).replace("DD",DD).replace("D",D); - console.log(formatString); - - h=(hhh=timeStamp.getHours()); - if (h==0) h=24; - if (h>12) h-=12; - hh = h<10?('0'+h):h; - AMPM=(ampm=hhh<12?'am':'pm').toUpperCase(); - mm=(m=timeStamp.getMinutes())<10?('0'+m):m; - ss=(s=timeStamp.getSeconds())<10?('0'+s):s; - return formatString.replace("hhh",hhh).replace("HH",hh).replace("h",h).replace("mm",mm).replace("m",m).replace("ss",ss).replace("s",s).replace("ampm",ampm).replace("AMPM",AMPM); +function convertDate(date) { + var month = date.getMonth() + 1; + var day = date.getDate(); + var hour=date.getHours(); + var minute=date.getMinutes(); + return date.getFullYear() + '-' + (('' + month).length < 2 ? '0' : '') + + month + '-' + (('' + day).length < 2 ? '0' : '') + day +" "+ (('' + hour).length < 2 ? '0' : '') + + hour +":"+(('' + minute).length < 2 ? '0' : '')+ minute; } \ No newline at end of file diff --git a/modules/distribution/src/repository/jaggeryapps/iot/units/mydevice/public/js/jquery.daterangepicker.js b/modules/distribution/src/repository/jaggeryapps/iot/units/mydevice/public/js/jquery.daterangepicker.js index caae3abc..872bc597 100644 --- a/modules/distribution/src/repository/jaggeryapps/iot/units/mydevice/public/js/jquery.daterangepicker.js +++ b/modules/distribution/src/repository/jaggeryapps/iot/units/mydevice/public/js/jquery.daterangepicker.js @@ -1,1627 +1,1432 @@ -// daterangepicker.js -// version : 0.0.5 -// author : Chunlong Liu -// last updated at: 2014-05-27 -// license : MIT -// www.jszen.com - -(function (factory) { - if (typeof define === 'function' && define.amd) { - // AMD. Register as an anonymous module. - define(['jquery', 'moment'], factory); - } else if (typeof exports === 'object' && typeof module !== 'undefined') { - // CommonJS. Register as a module - module.exports = factory(require('jquery'), require('moment')); - } else { - // Browser globals - factory(jQuery, moment); - } -}(function ($, moment) -{ - - $.dateRangePickerLanguages = - { - 'az': - { - 'selected': 'Seçildi:', - 'day':' gün', - 'days': ' gün', - 'apply': 'tətbiq', - 'week-1' : '1', - 'week-2' : '2', - 'week-3' : '3', - 'week-4' : '4', - 'week-5' : '5', - 'week-6' : '6', - 'week-7' : '7', - 'month-name': ['yanvar','fevral','mart','aprel','may','iyun','iyul','avqust','sentyabr','oktyabr','noyabr','dekabr'], - 'shortcuts' : 'Qısayollar', - 'past': 'Keçmiş', - 'following':'Növbəti', - 'previous' : '   ', - 'prev-week' : 'Öncəki həftə', - 'prev-month' : 'Öncəki ay', - 'prev-year' : 'Öncəki il', - 'next': '   ', - 'next-week':'Növbəti həftə', - 'next-month':'Növbəti ay', - 'next-year':'Növbəti il', - 'less-than' : 'Tarix aralığı %d gündən çox olmamalıdır', - 'more-than' : 'Tarix aralığı %d gündən az olmamalıdır', - 'default-more' : '%d gündən çox bir tarix seçin', - 'default-single' : 'Tarix seçin', - 'default-less' : '%d gündən az bir tarix seçin', - 'default-range' : '%d və %d gün aralığında tarixlər seçin', - 'default-default': 'Tarix aralığı seçin' - }, - 'cn': - { - 'selected': '已选择:', - 'day':'天', - 'days': '天', - 'apply': '确定', - 'week-1' : '一', - 'week-2' : '二', - 'week-3' : '三', - 'week-4' : '四', - 'week-5' : '五', - 'week-6' : '六', - 'week-7' : '日', - 'month-name': ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'], - 'shortcuts' : '快捷选择', - 'past': '过去', - 'following':'将来', - 'previous' : '   ', - 'prev-week' : '上周', - 'prev-month' : '上个月', - 'prev-year' : '去年', - 'next': '   ', - 'next-week':'下周', - 'next-month':'下个月', - 'next-year':'明年', - 'less-than' : '所选日期范围不能大于%d天', - 'more-than' : '所选日期范围不能小于%d天', - 'default-more' : '请选择大于%d天的日期范围', - 'default-less' : '请选择小于%d天的日期范围', - 'default-range' : '请选择%d天到%d天的日期范围', - 'default-single':'请选择一个日期', - 'default-default': '请选择一个日期范围' - }, - 'cz': - { - 'selected': 'Vybráno:', - 'day':'Den', - 'days': 'Dny', - 'apply': 'Zavřít', - 'week-1' : 'po', - 'week-2' : 'út', - 'week-3' : 'st', - 'week-4' : 'čt', - 'week-5' : 'pá', - 'week-6' : 'so', - 'week-7' : 'ne', - 'month-name': ['leden','únor','březen','duben','květen','červen','červenec','srpen','září','říjen','listopad','prosinec'], - 'shortcuts' : 'Zkratky', - 'past': 'po', - 'following':'následující', - 'previous' : 'předchozí', - 'prev-week' : 'týden', - 'prev-month' : 'měsíc', - 'prev-year' : 'rok', - 'next':'další', - 'next-week':'týden', - 'next-month':'měsíc', - 'next-year':'rok', - 'less-than' : 'Rozsah data by neměl být větší než %d dnů', - 'more-than' : 'Rozsah data by neměl být menší než %d dnů', - 'default-more' : 'Prosím zvolte rozsah data větší než %d dnů', - 'default-single' : 'Prosím zvolte datum', - 'default-less' : 'Prosím zvolte rozsah data menší než %d dnů', - 'default-range' : 'Prosím zvolte rozsah data mezi %d a %d dny', - 'default-default': 'Prosím zvolte rozsah data' - }, - 'en': - { - 'selected': 'Selected:', - 'day':'Day', - 'days': 'Days', - 'apply': 'Apply', - 'week-1' : 'mo', - 'week-2' : 'tu', - 'week-3' : 'we', - 'week-4' : 'th', - 'week-5' : 'fr', - 'week-6' : 'sa', - 'week-7' : 'su', - 'month-name': ['january','february','march','april','may','june','july','august','september','october','november','december'], - 'shortcuts' : 'Shortcuts', - 'custom-values': 'Custom Values', - 'past': 'Past', - 'following':'Following', - 'previous' : 'Previous', - 'prev-week' : 'Week', - 'prev-month' : 'Month', - 'prev-year' : 'Year', - 'next':'Next', - 'next-week':'Week', - 'next-month':'Month', - 'next-year':'Year', - 'less-than' : 'Date range should not be more than %d days', - 'more-than' : 'Date range should not be less than %d days', - 'default-more' : 'Please select a date range longer than %d days', - 'default-single' : 'Please select a date', - 'default-less' : 'Please select a date range less than %d days', - 'default-range' : 'Please select a date range between %d and %d days', - 'default-default': 'Please select a date range' - }, - 'it': - { - 'selected': 'Selezionati:', - 'day':'Giorno', - 'days': 'Giorni', - 'apply': 'Chiudi', - 'week-1' : 'lu', - 'week-2' : 'ma', - 'week-3' : 'me', - 'week-4' : 'gi', - 'week-5' : 've', - 'week-6' : 'sa', - 'week-7' : 'do', - 'month-name': ['gennaio','febbraio','marzo','aprile','maggio','giugno','luglio','agosto','settembre','ottobre','novembre','dicembre'], - 'shortcuts' : 'Scorciatoie', - 'past': 'Scorso', - 'following':'Successivo', - 'previous' : 'Precedente', - 'prev-week' : 'Settimana', - 'prev-month' : 'Mese', - 'prev-year' : 'Anno', - 'next':'Prossimo', - 'next-week':'Settimana', - 'next-month':'Mese', - 'next-year':'Anno', - 'less-than' : 'L\'intervallo non dev\'essere maggiore di %d giorni', - 'more-than' : 'L\'intervallo non dev\'essere minore di %d giorni', - 'default-more' : 'Seleziona un intervallo maggiore di %d giorni', - 'default-single' : 'Seleziona una data', - 'default-less' : 'Seleziona un intervallo minore di %d giorni', - 'default-range' : 'Seleziona un intervallo compreso tra i %d e i %d giorni', - 'default-default': 'Seleziona un intervallo di date' - }, - 'es': - { - 'selected': 'Seleccionado:', - 'day':'Dia', - 'days': 'Dias', - 'apply': 'Cerrar', - 'week-1' : 'lu', - 'week-2' : 'ma', - 'week-3' : 'mi', - 'week-4' : 'ju', - 'week-5' : 'vi', - 'week-6' : 'sa', - 'week-7' : 'do', - 'month-name': ['enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'], - 'shortcuts' : 'Accesos directos', - 'past': 'Pasado', - 'following':'Siguiente', - 'previous' : 'Anterior', - 'prev-week' : 'Semana', - 'prev-month' : 'Mes', - 'prev-year' : 'Año', - 'next':'Siguiente', - 'next-week':'Semana', - 'next-month':'Mes', - 'next-year':'Año', - 'less-than' : 'El rango no deberia ser mayor de %d dias', - 'more-than' : 'El rango no deberia ser menor de %d dias', - 'default-more' : 'Por favor selecciona un rango mayor a %d dias', - 'default-single' : 'Por favor selecciona un dia', - 'default-less' : 'Por favor selecciona un rango menor a %d dias', - 'default-range' : 'Por favor selecciona un rango entre %d y %d dias', - 'default-default': 'Por favor selecciona un rango de fechas.' - }, - 'de': - { - 'selected': 'Auswahl:', - 'day':'Tag', - 'days': 'Tage', - 'apply': 'Schließen', - 'week-1' : 'mo', - 'week-2' : 'di', - 'week-3' : 'mi', - 'week-4' : 'do', - 'week-5' : 'fr', - 'week-6' : 'sa', - 'week-7' : 'so', - 'month-name': ['januar','februar','märz','april','mai','juni','juli','august','september','oktober','november','dezember'], - 'shortcuts' : 'Schnellwahl', - 'past': 'Vorherige', - 'following':'Folgende', - 'previous' : 'Vorherige', - 'prev-week' : 'Woche', - 'prev-month' : 'Monat', - 'prev-year' : 'Jahr', - 'next':'Nächste', - 'next-week':'Woche', - 'next-month':'Monat', - 'next-year':'Jahr', - 'less-than' : 'Datumsbereich darf nicht größer sein als %d Tage', - 'more-than' : 'Datumsbereich darf nicht kleiner sein als %d Tage', - 'default-more' : 'Bitte mindestens %d Tage auswählen', - 'default-single' : 'Bitte ein Datum auswählen', - 'default-less' : 'Bitte weniger als %d Tage auswählen', - 'default-range' : 'Bitte einen Datumsbereich zwischen %d und %d Tagen auswählen', - 'default-default': 'Bitte ein Start- und Enddatum auswählen' - }, - 'ru': - { - 'selected': 'Выбрано:', - 'day': 'День', - 'days': 'Дней', - 'apply': 'Закрыть', - 'week-1': 'пн', - 'week-2': 'вт', - 'week-3': 'ср', - 'week-4': 'чт', - 'week-5': 'пт', - 'week-6': 'сб', - 'week-7': 'вс', - 'month-name': ['январь','февраль','март','апрель','май','июнь','июль','август','сентябрь','октябрь','ноябрь','декабрь'], - 'shortcuts': 'Быстрый выбор', - 'past': 'Прошедшие', - 'following': 'Следующие', - 'previous': '   ', - 'prev-week': 'Неделя', - 'prev-month': 'Месяц', - 'prev-year': 'Год', - 'next': '   ', - 'next-week': 'Неделя', - 'next-month': 'Месяц', - 'next-year': 'Год', - 'less-than': 'Диапазон не может быть больше %d дней', - 'more-than': 'Диапазон не может быть меньше %d дней', - 'default-more': 'Пожалуйста выберите диапазон больше %d дней', - 'default-single': 'Пожалуйста выберите дату', - 'default-less': 'Пожалуйста выберите диапазон меньше %d дней', - 'default-range': 'Пожалуйста выберите диапазон между %d и %d днями', - 'default-default': 'Пожалуйста выберите диапазон' - }, - 'fr': - { - 'selected': 'Sélection:', - 'day':'Jour', - 'days': 'Jours', - 'apply': 'Fermer', - 'week-1' : 'lu', - 'week-2' : 'ma', - 'week-3' : 'me', - 'week-4' : 'je', - 'week-5' : 've', - 'week-6' : 'sa', - 'week-7' : 'di', - 'month-name': ['janvier','février','mars','avril','mai','juin','juillet','août','septembre','octobre','novembre','décembre'], - 'shortcuts' : 'Raccourcis', - 'past': 'Passé', - 'following':'Suivant', - 'previous' : 'Précédent', - 'prev-week' : 'Semaine', - 'prev-month' : 'Mois', - 'prev-year' : 'Année', - 'next':'Suivant', - 'next-week':'Semaine', - 'next-month':'Mois', - 'next-year':'Année', - 'less-than' : 'L\'intervalle ne doit pas être supérieure à %d jours', - 'more-than' : 'L\'intervalle ne doit pas être inférieure à %d jours', - 'default-more' : 'Merci de choisir une intervalle supérieure à %d jours', - 'default-single' : 'Merci de choisir une date', - 'default-less' : 'Merci de choisir une intervalle inférieure %d jours', - 'default-range' : 'Merci de choisir une intervalle comprise entre %d et %d jours', - 'default-default': 'Merci de choisir une date' - }, - 'hu': - { - 'selected': 'Kiválasztva:', - 'day':'Nap', - 'days': 'Nap', - 'apply': 'Ok', - 'week-1' : 'h', - 'week-2' : 'k', - 'week-3' : 'sz', - 'week-4' : 'cs', - 'week-5' : 'p', - 'week-6' : 'sz', - 'week-7' : 'v', - 'month-name': ['január','február','március','április','május','június','július','augusztus','szeptember','október','november','december'], - 'shortcuts' : 'Gyorsválasztó', - 'past': 'Múlt', - 'following':'Következő', - 'previous' : 'Előző', - 'prev-week' : 'Hét', - 'prev-month' : 'Hónap', - 'prev-year' : 'Év', - 'next':'Következő', - 'next-week':'Hét', - 'next-month':'Hónap', - 'next-year':'Év', - 'less-than' : 'A kiválasztás nem lehet több %d napnál', - 'more-than' : 'A kiválasztás nem lehet több %d napnál', - 'default-more' : 'Válassz ki egy időszakot ami hosszabb mint %d nap', - 'default-single' : 'Válassz egy napot', - 'default-less' : 'Válassz ki egy időszakot ami rövidebb mint %d nap', - 'default-range' : 'Válassz ki egy %d - %d nap hosszú időszakot', - 'default-default': 'Válassz ki egy időszakot' - } - }; - - $.fn.dateRangePicker = function(opt) - { - if (!opt) opt = {}; - opt = $.extend(true, - { - autoClose: false, - format: 'YYYY-MM-DD', - separator: ' to ', - language: 'auto', - startOfWeek: 'sunday',// or monday - getValue: function() - { - return $(this).val(); - }, - setValue: function(s) - { - if(!$(this).attr('readonly') && !$(this).is(':disabled')){ - $(this).val(s); - } - }, - startDate: false, - endDate: false, - time: { - enabled: false - }, - minDays: 0, - maxDays: 0, - showShortcuts: true, - shortcuts: - { - //'prev-days': [1,3,5,7], - 'next-days': [3,5,7], - //'prev' : ['week','month','year'], - 'next' : ['week','month','year'] - }, - customShortcuts : [], - inline:false, - container:'body', - alwaysOpen:false, - singleDate:false, - lookBehind: false, - batchMode: false, - duration: 200, - stickyMonths: false, - dayDivAttrs: [], - dayTdAttrs: [], - applyBtnClass: '' - },opt); - - opt.start = false; - opt.end = false; - - if (opt.startDate && typeof opt.startDate == 'string') opt.startDate = moment(opt.startDate,opt.format).toDate(); - if (opt.endDate && typeof opt.endDate == 'string') opt.endDate = moment(opt.endDate,opt.format).toDate(); - - var langs = getLanguages(); - var box; - var initiated = false; - var self = this; - var selfDom = $(self).get(0); - - $(this).unbind('.datepicker').bind('click.datepicker',function(evt) - { - var isOpen = box.is(':visible'); - $(document).trigger('click.datepicker'); - evt.stopPropagation(); - if(!isOpen) open(opt.duration); - }); - - init_datepicker.call(this); - - if (opt.alwaysOpen) - { - open(0); - } - - // expose some api - $(this).data('dateRangePicker', - { - setDateRange : function(d1,d2,silent) - { - if (typeof d1 == 'string' && typeof d2 == 'string') - { - d1 = moment(d1,opt.format).toDate(); - d2 = moment(d2,opt.format).toDate(); - } - setDateRange(d1,d2,silent); - }, - clear: clearSelection, - close: closeDatePicker, - open: open, - getDatePicker: getDatePicker, - destroy: function() - { - $(self).unbind('.datepicker'); - $(self).data('dateRangePicker',''); - box.remove(); - $(window).unbind('resize.datepicker',calcPosition); - $(document).unbind('click.datepicker',closeDatePicker); - } - }); - - $(window).bind('resize.datepicker',calcPosition); - - return this; - - - function init_datepicker() - { - var self = this; - - if ($(this).data('date-picker-opened')) - { - closeDatePicker(); - return; - } - $(this).data('date-picker-opened',true); - - - box = createDom().hide(); - $(opt.container).append(box); - - if (!opt.inline) - { - calcPosition(); - } - else - { - box.addClass("inline-wrapper").css({position:'static'}); - } - - if (opt.alwaysOpen) - { - box.find('.apply-btn').hide(); - } - - var defaultTime = opt.defaultTime ? opt.defaultTime : new Date(); - if (opt.lookBehind) { - if (opt.startDate && compare_month(defaultTime, opt.startDate) < 0 ) defaultTime = nextMonth(moment(opt.startDate).toDate()); - if (opt.endDate && compare_month(defaultTime,opt.endDate) > 0 ) defaultTime = moment(opt.endDate).toDate(); - - showMonth(prevMonth(defaultTime),'month1'); - showMonth(defaultTime,'month2'); - - } else { - if (opt.startDate && compare_month(defaultTime,opt.startDate) < 0 ) defaultTime = moment(opt.startDate).toDate(); - if (opt.endDate && compare_month(nextMonth(defaultTime),opt.endDate) > 0 ) defaultTime = prevMonth(moment(opt.endDate).toDate()); - - showMonth(defaultTime,'month1'); - showMonth(nextMonth(defaultTime),'month2'); - } - - if (opt.time.enabled) { - if ((opt.startDate && opt.endDate) || (opt.start && opt.end)) { - showTime(moment(opt.start || opt.startDate).toDate(),'time1'); - showTime(moment(opt.end || opt.endDate).toDate(),'time2'); - } else { - showTime(defaultTime,'time1'); - showTime(defaultTime,'time2'); - } - } - - //showSelectedInfo(); - - - var defaultTopText = ''; - if (opt.singleDate) - defaultTopText = lang('default-single'); - else if (opt.minDays && opt.maxDays) - defaultTopText = lang('default-range'); - else if (opt.minDays) - defaultTopText = lang('default-more'); - else if (opt.maxDays) - defaultTopText = lang('default-less'); - else - defaultTopText = lang('default-default'); - - box.find('.default-top').html( defaultTopText.replace(/\%d/,opt.minDays).replace(/\%d/,opt.maxDays)); - - - setTimeout(function() - { - initiated = true; - },0); - - box.click(function(evt) - { - evt.stopPropagation(); - }); - - $(document).bind('click.datepicker',closeDatePicker); - - box.find('.next').click(function() - { - if(!opt.stickyMonths) gotoNextMonth(this); - else gotoNextMonth_stickily(this) - }); - - function gotoNextMonth(self) { - var isMonth2 = $(self).parents('table').hasClass('month2'); - var month = isMonth2 ? opt.month2 : opt.month1; - month = nextMonth(month); - if (!opt.singleDate && !isMonth2 && compare_month(month,opt.month2) >= 0 || isMonthOutOfBounds(month)) return; - showMonth(month,isMonth2 ? 'month2' : 'month1'); - showGap(); - } - - function gotoNextMonth_stickily(self) { - var nextMonth1 = nextMonth(opt.month1); - - var nextMonth2 = nextMonth(opt.month2); - - if(isMonthOutOfBounds(nextMonth2)) return; - if (!opt.singleDate && compare_month(nextMonth1,nextMonth2) >= 0) return; - showMonth(nextMonth1, 'month1'); - showMonth(nextMonth2, 'month2'); - } - - - box.find('.prev').click(function() - { - if(!opt.stickyMonths) gotoPrevMonth(this); - else gotoPrevMonth_stickily(this); - }); - - function gotoPrevMonth(self) { - var isMonth2 = $(self).parents('table').hasClass('month2'); - var month = isMonth2 ? opt.month2 : opt.month1; - month = prevMonth(month); - //if (isMonth2 && month.getFullYear()+''+month.getMonth() <= opt.month1.getFullYear()+''+opt.month1.getMonth()) return; - if (isMonth2 && compare_month(month,opt.month1) <= 0 || isMonthOutOfBounds(month)) return; - showMonth(month,isMonth2 ? 'month2' : 'month1'); - showGap(); - } - - function gotoPrevMonth_stickily(self) { - var prevMonth1 = prevMonth(opt.month1); - - var prevMonth2 = prevMonth(opt.month2); - - if(isMonthOutOfBounds(prevMonth1)) return; - if(!opt.singleDate && compare_month(prevMonth2,prevMonth1) <= 0) return; - showMonth(prevMonth2, 'month2'); - showMonth(prevMonth1, 'month1'); - } - - - box.bind('click',function(evt) - { - if ($(evt.target).hasClass('day')) - { - dayClicked($(evt.target)); - } - }); - - box.attr('unselectable', 'on') - .css('user-select', 'none') - .bind('selectstart', function(e) - { - e.preventDefault(); return false; - }); - - box.find('.apply-btn').click(function() - { - closeDatePicker(); - var dateRange = getDateString(new Date(opt.start))+ opt.separator +getDateString(new Date(opt.end)); - $(self).trigger('datepicker-apply', - { - 'value': dateRange, - 'date1' : new Date(opt.start), - 'date2' : new Date(opt.end) - }); - }); - - box.find('[custom]').click(function() - { - var valueName = $(this).attr('custom'); - opt.start = false; - opt.end = false; - box.find('.day.checked').removeClass('checked'); - opt.setValue.call(selfDom, valueName); - checkSelectionValid(); - showSelectedInfo(true); - showSelectedDays(); - if (opt.autoClose) closeDatePicker(); - }); - - box.find('[shortcut]').click(function() - { - var shortcut = $(this).attr('shortcut'); - var end = new Date(),start = false; - if (shortcut.indexOf('day') != -1) - { - var day = parseInt(shortcut.split(',',2)[1],10); - start = new Date(new Date().getTime() + 86400000*day); - end = new Date(end.getTime() + 86400000*(day>0?1:-1) ); - } - else if (shortcut.indexOf('week')!= -1) - { - var dir = shortcut.indexOf('prev,') != -1 ? -1 : 1; - - if (dir == 1) - var stopDay = opt.startOfWeek == 'monday' ? 1 : 0; - else - var stopDay = opt.startOfWeek == 'monday' ? 0 : 6; - - end = new Date(end.getTime() - 86400000); - while(end.getDay() != stopDay) end = new Date(end.getTime() + dir*86400000); - start = new Date(end.getTime() + dir*86400000*6); - } - else if (shortcut.indexOf('month') != -1) - { - var dir = shortcut.indexOf('prev,') != -1 ? -1 : 1; - if (dir == 1) - start = nextMonth(end); - else - start = prevMonth(end); - start.setDate(1); - end = nextMonth(start); - end.setDate(1); - end = new Date(end.getTime() - 86400000); - } - else if (shortcut.indexOf('year') != -1) - { - var dir = shortcut.indexOf('prev,') != -1 ? -1 : 1; - start = new Date(); - start.setFullYear(end.getFullYear() + dir); - start.setMonth(0); - start.setDate(1); - end.setFullYear(end.getFullYear() + dir); - end.setMonth(11); - end.setDate(31); - } - else if (shortcut == 'custom') - { - var name = $(this).html(); - if (opt.customShortcuts && opt.customShortcuts.length > 0) - { - for(var i=0;i=2)) - { - var ___format = opt.format; - if (___format.match(/Do/)) - { - - ___format = ___format.replace(/Do/,'D'); - defaults[0] = defaults[0].replace(/(\d+)(th|nd|st)/,'$1'); - if(defaults.length >= 2){ - defaults[1] = defaults[1].replace(/(\d+)(th|nd|st)/,'$1'); - } - } - // set initiated to avoid triggerring datepicker-change event - initiated = false; - if(defaults.length >= 2){ - setDateRange(moment(defaults[0], ___format, moment.locale(opt.language)).toDate(),moment(defaults[1], ___format, moment.locale(opt.language)).toDate()); - } - else if(defaults.length==1 && opt.singleDate){ - setSingleDate(moment(defaults[0], ___format, moment.locale(opt.language)).toDate()); - } - - initiated = true; - } - box.slideDown(animationTime, function(){ - $(self).trigger('datepicker-opened', {relatedTarget: box}); - }); - $(self).trigger('datepicker-open', {relatedTarget: box}); - } - - - function renderTime (name, date) { - box.find("." + name + " input[type=range].hour-range").val(moment(date).hours()); - box.find("." + name + " input[type=range].minute-range").val(moment(date).minutes()); - setTime(name, moment(date).format("HH"), moment(date).format("mm")); - } - - function changeTime (name, date) { - opt[name] = parseInt( - moment(parseInt(date)) - .startOf('day') - .add(moment(opt[name + "Time"]).format("HH"), 'h') - .add(moment(opt[name + "Time"]).format("mm"), 'm').valueOf() - ); - } - - function swapTime () { - renderTime("time1", opt.start); - renderTime("time2", opt.end); - } - - function setTime (name, hour, minute) { - hour && (box.find("." + name + " .hour-val").text(hour)); - minute && (box.find("." + name + " .minute-val").text(minute)); - switch (name) { - case "time1": - if (opt.start) { - setRange("start", moment(opt.start)); - } - setRange("startTime", moment(opt.startTime || moment().valueOf())); - break; - case "time2": - if (opt.end) { - setRange("end", moment(opt.end)); - } - setRange("endTime", moment(opt.endTime || moment().valueOf())); - break; - } - function setRange(name, timePoint) { - var h = timePoint.format("HH"), - m = timePoint.format("mm"); - opt[name] = timePoint - .startOf('day') - .add(hour || h, "h") - .add(minute || m, "m") - .valueOf(); - } - checkSelectionValid(); - showSelectedInfo(); - showSelectedDays(); - } - - function clearSelection() - { - opt.start = false; - opt.end = false; - box.find('.day.checked').removeClass('checked'); - opt.setValue.call(selfDom, ''); - checkSelectionValid(); - showSelectedInfo(); - showSelectedDays(); - } - - function handleStart(time) - { - var r = time; - if (opt.batchMode === 'week-range') { - if (opt.startOfWeek === 'monday') { - r = moment(parseInt(time)).startOf('isoweek').valueOf(); - } else { - r = moment(parseInt(time)).startOf('week').valueOf(); - } - } else if (opt.batchMode === 'month-range') { - r = moment(parseInt(time)).startOf('month').valueOf(); - } - - return r; - } - - function handleEnd(time) - { - var r = time; - if (opt.batchMode === 'week-range') { - if (opt.startOfWeek === 'monday') { - r = moment(parseInt(time)).endOf('isoweek').valueOf(); - } else { - r = moment(parseInt(time)).endOf('week').valueOf(); - } - } else if (opt.batchMode === 'month') { - r = moment(parseInt(time)).endOf('month').valueOf(); - } - - return r; - } - - - function dayClicked(day) - { - if (day.hasClass('invalid')) return; - var time = day.attr('time'); - day.addClass('checked'); - if ( opt.singleDate ) - { - opt.start = time; - opt.end = false; - if (opt.time.enabled) { - changeTime("start", opt.start); - } - } - else if (opt.batchMode === 'week') - { - if (opt.startOfWeek === 'monday') { - opt.start = moment(parseInt(time)).startOf('isoweek').valueOf(); - opt.end = moment(parseInt(time)).endOf('isoweek').valueOf(); - } else { - opt.end = moment(parseInt(time)).endOf('week').valueOf(); - opt.start = moment(parseInt(time)).startOf('week').valueOf(); - } - } - else if (opt.batchMode === 'month') - { - opt.start = moment(parseInt(time)).startOf('month').valueOf(); - opt.end = moment(parseInt(time)).endOf('month').valueOf(); - } - else if ((opt.start && opt.end) || (!opt.start && !opt.end) ) - { - opt.start = handleStart(time); - opt.end = false; - if (opt.time.enabled) { - changeTime("start", opt.start); - } - } - else if (opt.start) - { - opt.end = handleEnd(time); - if (opt.time.enabled) { - changeTime("end", opt.end); - } - } - - if (!opt.singleDate && opt.start && opt.end && opt.start > opt.end) - { - var tmp = opt.end; - opt.end = handleEnd(opt.start); - opt.start = handleStart(tmp); - if (opt.time.enabled) { - swapTime(); - } - } - - opt.start = parseInt(opt.start); - opt.end = parseInt(opt.end); - - checkSelectionValid(); - showSelectedInfo(); - showSelectedDays(); - autoclose(); - } - - function autoclose () { - if (opt.singleDate === true) { - if (initiated && opt.start ) - { - if (opt.autoClose) closeDatePicker(); - } - } else { - if (initiated && opt.start && opt.end) - { - if (opt.autoClose) closeDatePicker(); - } - } - } - - function checkSelectionValid() - { - var days = Math.ceil( (opt.end - opt.start) / 86400000 ) + 1; - if (opt.singleDate) { // Validate if only start is there - if (opt.start && !opt.end) - box.find('.drp_top-bar').removeClass('error').addClass('normal'); - else - box.find('.drp_top-bar').removeClass('error').removeClass('normal'); - } - else if ( opt.maxDays && days > opt.maxDays) - { - opt.start = false; - opt.end = false; - box.find('.day').removeClass('checked'); - box.find('.drp_top-bar').removeClass('normal').addClass('error').find('.error-top').html( lang('less-than').replace('%d',opt.maxDays) ); - } - else if ( opt.minDays && days < opt.minDays) - { - opt.start = false; - opt.end = false; - box.find('.day').removeClass('checked'); - box.find('.drp_top-bar').removeClass('normal').addClass('error').find('.error-top').html( lang('more-than').replace('%d',opt.minDays) ); - } - else - { - if (opt.start || opt.end) - box.find('.drp_top-bar').removeClass('error').addClass('normal'); - else - box.find('.drp_top-bar').removeClass('error').removeClass('normal'); - } - - if ( (opt.singleDate && opt.start && !opt.end) || (!opt.singleDate && opt.start && opt.end) ) - { - box.find('.apply-btn').removeClass('disabled'); - } - else - { - box.find('.apply-btn').addClass('disabled'); - } - - if (opt.batchMode) - { - if ( (opt.start && opt.startDate && compare_day(opt.start, opt.startDate) < 0) - || (opt.end && opt.endDate && compare_day(opt.end, opt.endDate) > 0) ) - { - opt.start = false; - opt.end = false; - box.find('.day').removeClass('checked'); - } - } - } - - function showSelectedInfo(forceValid,silent) - { - box.find('.start-day').html('...'); - box.find('.end-day').html('...'); - box.find('.selected-days').hide(); - if (opt.start) - { - box.find('.start-day').html(getDateString(new Date(parseInt(opt.start)))); - } - if (opt.end) - { - box.find('.end-day').html(getDateString(new Date(parseInt(opt.end)))); - } - - if (opt.start && opt.singleDate) - { - box.find('.apply-btn').removeClass('disabled'); - var dateRange = getDateString(new Date(opt.start)); - opt.setValue.call(selfDom, dateRange, getDateString(new Date(opt.start)), getDateString(new Date(opt.end))); - - if (initiated) - { - $(self).trigger('datepicker-change', - { - 'value': dateRange, - 'date1' : new Date(opt.start) - }); - } - } - else if (opt.start && opt.end) - { - box.find('.selected-days').show().find('.selected-days-num').html(Math.round((opt.end-opt.start)/86400000)+1); - box.find('.apply-btn').removeClass('disabled'); - var dateRange = getDateString(new Date(opt.start))+ opt.separator +getDateString(new Date(opt.end)); - opt.setValue.call(selfDom,dateRange, getDateString(new Date(opt.start)), getDateString(new Date(opt.end))); - if (initiated && !silent) - { - $(self).trigger('datepicker-change', - { - 'value': dateRange, - 'date1' : new Date(opt.start), - 'date2' : new Date(opt.end) - }); - } - } - else if (forceValid) - { - box.find('.apply-btn').removeClass('disabled'); - } - else - { - box.find('.apply-btn').addClass('disabled'); - } - } - - function setDateRange(date1,date2,silent) - { - if (date1.getTime() > date2.getTime()) - { - var tmp = date2; - date2 = date1; - date1 = tmp; - tmp = null; - } - var valid = true; - if (opt.startDate && compare_day(date1,opt.startDate) < 0) valid = false; - if (opt.endDate && compare_day(date2,opt.endDate) > 0) valid = false; - if (!valid) - { - showMonth(opt.startDate,'month1'); - showMonth(nextMonth(opt.startDate),'month2'); - showGap(); - return; - } - - opt.start = date1.getTime(); - opt.end = date2.getTime(); - if (opt.stickyMonths || (compare_day(date1,date2) > 0 && compare_month(date1,date2) == 0)) - { - if (opt.lookBehind) { - date1 = prevMonth(date2); - } else { - date2 = nextMonth(date1); - } - } - - if(opt.stickyMonths && compare_month(date2,opt.endDate) > 0) { - date1 = prevMonth(date1); - date2 = prevMonth(date2); - } - - if (!opt.stickyMonths) { - if (compare_month(date1,date2) == 0) - { - if (opt.lookBehind) { - date1 = prevMonth(date2); - } else { - date2 = nextMonth(date1); - } - } - } - - if (opt.time.enabled) { - renderTime("time1", date1); - renderTime("time2", date2); - } - showMonth(date1,'month1'); - showMonth(date2,'month2'); - showGap(); - showSelectedInfo(false,silent); - autoclose(); - } - - function setSingleDate(date1) - { - - var valid = true; - if (opt.startDate && compare_day(date1,opt.startDate) < 0) valid = false; - if (opt.endDate && compare_day(date1,opt.endDate) > 0) valid = false; - if (!valid) - { - showMonth(opt.startDate,'month1'); - - //showGap(); - return; - } - - opt.start = date1.getTime(); - - - if (opt.time.enabled) { - renderTime("time1", date1); - - } - showMonth(date1,'month1'); - //showMonth(date2,'month2'); - showGap(); - showSelectedInfo(); - autoclose(); - } - - function showSelectedDays() - { - if (!opt.start && !opt.end) return; - box.find('.day').each(function() - { - var time = parseInt($(this).attr('time')), - start = opt.start, - end = opt.end; - if (opt.time.enabled) { - time = moment(time).startOf('day').valueOf(); - start = moment(start || moment().valueOf()).startOf('day').valueOf(); - end = moment(end || moment().valueOf()).startOf('day').valueOf(); - } - if ( - (opt.start && opt.end && end >= time && start <= time ) - || ( opt.start && !opt.end && moment(start).format('YYYY-MM-DD') == moment(time).format('YYYY-MM-DD') ) - ) - { - $(this).addClass('checked'); - } - else - { - $(this).removeClass('checked'); - } - }); - } - - function showMonth(date,month) - { - date = moment(date).toDate(); - var monthName = nameMonth(date.getMonth()); - box.find('.'+month+' .month-name').html(monthName+' '+date.getFullYear()); - box.find('.'+month+' tbody').html(createMonthHTML(date)); - opt[month] = date; - } - - function showTime(date,name) - { - box.find('.' + name).append(getTimeHTML()); - renderTime(name, date); - } - - function nameMonth(m) - { - return lang('month-name')[m]; - } - - function getDateString(d) - { - return moment(d).format(opt.format); - } - - function showGap() - { - showSelectedDays(); - var m1 = parseInt(moment(opt.month1).format('YYYYMM')); - var m2 = parseInt(moment(opt.month2).format('YYYYMM')); - var p = Math.abs(m1 - m2); - var shouldShow = (p > 1 && p !=89); - if (shouldShow) - box.find('.gap').show(); - else - box.find('.gap').hide(); - } - - function closeDatePicker() - { - if (opt.alwaysOpen) return; - $(box).slideUp(opt.duration,function() - { - $(self).data('date-picker-opened',false); - $(self).trigger('datepicker-closed', {relatedTarget: box}); - }); - //$(document).unbind('.datepicker'); - $(self).trigger('datepicker-close', {relatedTarget: box}); - } - - function compare_month(m1,m2) - { - var p = parseInt(moment(m1).format('YYYYMM')) - parseInt(moment(m2).format('YYYYMM')); - if (p > 0 ) return 1; - if (p == 0) return 0; - return -1; - } - - function compare_day(m1,m2) - { - var p = parseInt(moment(m1).format('YYYYMMDD')) - parseInt(moment(m2).format('YYYYMMDD')); - if (p > 0 ) return 1; - if (p == 0) return 0; - return -1; - } - - function nextMonth(month) - { - month = moment(month).toDate(); - var toMonth = month.getMonth(); - while(month.getMonth() == toMonth) month = new Date(month.getTime()+86400000); - return month; - } - - function prevMonth(month) - { - month = moment(month).toDate(); - var toMonth = month.getMonth(); - while(month.getMonth() == toMonth) month = new Date(month.getTime()-86400000); - return month; - } - - function getTimeHTML() - { - var timeHtml = '
' - +'Time: 00:00' - +'
' - +'
' - +'' - +'
' - +'
' - +'' - +'
'; - return timeHtml; - } - - function createDom() - { - var html = '
' - +'
\ -
\ - '+lang('selected')+' ...' - if ( ! opt.singleDate ) { - html += ' '+opt.separator+' ... (3 '+lang('days')+')' - } - html += '
\ -
error
\ -
default
\ - \ -
' - +'
' - +''+getWeekHead()+'
<January, 2011' + (opt.singleDate || !opt.stickyMonths ? '>': '') + '
' - if ( ! opt.singleDate ) { - html += '
'+getGapHTML()+'
' - +''+getWeekHead()+'
' + (!opt.stickyMonths ? '<': '') + 'January, 2011>
' - } - //+'
' - html += '
' - +'
' - +'
' - if ( ! opt.singleDate ) { - html += '
' - } - html += '
' - +'
' - +'
'; - - html += '
'; - if (opt.showShortcuts) - { - html += '
'+lang('shortcuts')+''; - - var data = opt.shortcuts; - if (data) - { - if (data['prev-days'] && data['prev-days'].length > 0) - { - html += ' '+lang('past'); - for(var i=0;i 1) ? lang('days') : lang('day'); - html += ' '+name+''; - } - html+=''; - } - - if (data['next-days'] && data['next-days'].length > 0) - { - html += ' '+lang('following'); - for(var i=0;i 1) ? lang('days') : lang('day'); - html += ' '+name+''; - } - html+= ''; - } - - if (data['prev'] && data['prev'].length > 0) - { - html += ' '+lang('previous'); - for(var i=0;i'+name+''; - } - html+=''; - } - - if (data['next'] && data['next'].length > 0) - { - html += ' '+lang('next'); - for(var i=0;i'+name+''; - } - html+=''; - } - } - - if (opt.customShortcuts) - { - for(var i=0;i'; - } - } - html += '
'; - } - - // Add Custom Values Dom - if (opt.showCustomValues) - { - html += '
'+(opt.customValueLabel || lang('custom-values'))+''; - - if (opt.customValues) - { - for(var i=0;i'+val.name+''; - } - } - } - - html += '
'; - - - return $(html); - } - - function getApplyBtnClass() - { - klass = '' - if (opt.autoClose === true) { - klass += ' hide'; - } - if (opt.applyBtnClass !== '') { - klass += ' ' + opt.applyBtnClass; - } - return klass; - } - - function getWeekHead() - { - if (opt.startOfWeek == 'monday') - { - return ''+lang('week-1')+'\ - '+lang('week-2')+'\ - '+lang('week-3')+'\ - '+lang('week-4')+'\ - '+lang('week-5')+'\ - '+lang('week-6')+'\ - '+lang('week-7')+''; - } - else - { - return ''+lang('week-7')+'\ - '+lang('week-1')+'\ - '+lang('week-2')+'\ - '+lang('week-3')+'\ - '+lang('week-4')+'\ - '+lang('week-5')+'\ - '+lang('week-6')+''; - } - } - function isMonthOutOfBounds(month) - { - var month = moment(month); - if (opt.startDate && month.endOf('month').isBefore(opt.startDate)) - { - return true; - } - if (opt.endDate && month.startOf('month').isAfter(opt.endDate)) - { - return true; - } - return false; - } - - function getGapHTML() - { - var html = ['
']; - for(var i=0;i<20;i++) - { - html.push('
\ -
\ -
\ -
\ -
'); - } - html.push('
'); - return html.join(''); - } - - function attributesCallbacks(initialObject,callbacksArray,today) - { - var resultObject = jQuery.extend(true, {}, initialObject); - - callbacksArray.forEach(function(cbAttr,cbAttrIndex,cbAttrArray){ - var addAttributes = cbAttr(this); - for(var attr in addAttributes){ - if(resultObject.hasOwnProperty(attr)){ - resultObject[attr] += addAttributes[attr]; - }else{ - resultObject[attr] = addAttributes[attr]; - } - } - },today); - - attrString = ''; - - for(var attr in resultObject){ - if(resultObject.hasOwnProperty(attr)){ - attrString += attr + '="' + resultObject[attr] + '" '; - } - } - - return attrString; - } - - function createMonthHTML(d) - { - var days = []; - d.setDate(1); - var lastMonth = new Date(d.getTime() - 86400000); - var now = new Date(); - - var dayOfWeek = d.getDay(); - if((dayOfWeek == 0) && (opt.startOfWeek == 'monday')) { - // add one week - dayOfWeek = 7; - } - - if (dayOfWeek > 0) - { - for (var i = dayOfWeek; i > 0; i--) - { - var day = new Date(d.getTime() - 86400000*i); - var valid = true; - if (opt.startDate && compare_day(day,opt.startDate) < 0) valid = false; - if (opt.endDate && compare_day(day,opt.endDate) > 0) valid = false; - days.push({type:'lastMonth',day: day.getDate(),time:day.getTime(), valid:valid }); - } - } - var toMonth = d.getMonth(); - for(var i=0; i<40; i++) - { - var today = moment(d).add(i, 'days').toDate(); - var valid = true; - if (opt.startDate && compare_day(today,opt.startDate) < 0) valid = false; - if (opt.endDate && compare_day(today,opt.endDate) > 0) valid = false; - days.push({type: today.getMonth() == toMonth ? 'toMonth' : 'nextMonth',day: today.getDate(),time:today.getTime(), valid:valid }); - } - var html = []; - for(var week=0; week<6; week++) - { - if (days[week*7].type == 'nextMonth') break; - html.push(''); - for(var day = 0; day<7; day++) - { - var _day = (opt.startOfWeek == 'monday') ? day+1 : day; - var today = days[week*7+_day]; - var highlightToday = moment(today.time).format('L') == moment(now).format('L'); - today.extraClass = ''; - today.tooltip = ''; - if(opt.beforeShowDay && typeof opt.beforeShowDay == 'function') - { - var _r = opt.beforeShowDay(moment(today.time).toDate()); - today.valid = _r[0]; - today.extraClass = _r[1] || ''; - today.tooltip = _r[2] || ''; - if (today.tooltip != '') today.extraClass += ' has-tooltip '; - } - - todayDivAttr = { - time: today.time, - title: today.tooltip, - 'class': 'day '+today.type+' '+today.extraClass+' '+(today.valid ? 'valid' : 'invalid')+' '+(highlightToday?'real-today':'') - }; - - html.push('
'+today.day+'
'); - } - html.push(''); - } - return html.join(''); - } - - function getLanguages() - { - if (opt.language == 'auto') - { - var language = navigator.language ? navigator.language : navigator.browserLanguage; - if (!language) return $.dateRangePickerLanguages['en']; - var language = language.toLowerCase(); - for(var key in $.dateRangePickerLanguages) - { - if (language.indexOf(key) != -1) - { - return $.dateRangePickerLanguages[key]; - } - } - return $.dateRangePickerLanguages['en']; - } - else if ( opt.language && opt.language in $.dateRangePickerLanguages) - { - return $.dateRangePickerLanguages[opt.language]; - } - else - { - return $.dateRangePickerLanguages['en']; - } - } - - function lang(t) - { - return (t in langs)? langs[t] : t; - } - - - }; -})); +// daterangepicker.js +// version : 0.0.5 +// author : Chunlong Liu +// last updated at: 2014-05-27 +// license : MIT +// www.jszen.com + +(function($) +{ + + $.dateRangePickerLanguages = + { + 'cn': + { + 'selected': '已选择:', + 'day':'天', + 'days': '天', + 'apply': '确定', + 'week-1' : '一', + 'week-2' : '二', + 'week-3' : '三', + 'week-4' : '四', + 'week-5' : '五', + 'week-6' : '六', + 'week-7' : '日', + 'month-name': ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'], + 'shortcuts' : '快捷选择', + 'past': '过去', + 'following':'将来', + 'previous' : '   ', + 'prev-week' : '上周', + 'prev-month' : '上个月', + 'prev-year' : '去年', + 'next': '   ', + 'next-week':'下周', + 'next-month':'下个月', + 'next-year':'明年', + 'less-than' : '所选日期范围不能大于%d天', + 'more-than' : '所选日期范围不能小于%d天', + 'default-more' : '请选择大于%d天的日期范围', + 'default-less' : '请选择小于%d天的日期范围', + 'default-range' : '请选择%d天到%d天的日期范围', + 'default-single':'请选择一个日期', + 'default-default': '请选择一个日期范围' + }, + 'cz': + { + 'selected': 'Vybráno:', + 'day':'Den', + 'days': 'Dny', + 'apply': 'Zavřít', + 'week-1' : 'Po', + 'week-2' : 'Út', + 'week-3' : 'St', + 'week-4' : 'Čt', + 'week-5' : 'Pá', + 'week-6' : 'So', + 'week-7' : 'Ne', + 'month-name': ['Leden','Únor','Březen','Duben','Květen','Červen','Červenec','Srpen','Září','Říjen','Listopad','Prosinec'], + 'shortcuts' : 'Zkratky', + 'past': 'po', + 'following':'následující', + 'previous' : 'předchozí', + 'prev-week' : 'týden', + 'prev-month' : 'měsíc', + 'prev-year' : 'rok', + 'next':'další', + 'next-week':'týden', + 'next-month':'měsíc', + 'next-year':'rok', + 'less-than' : 'Rozsah data by neměl být větší než %d dnů', + 'more-than' : 'Rozsah data by neměl být menší než %d dnů', + 'default-more' : 'Prosím zvolte rozsah data větší než %d dnů', + 'default-single' : 'Prosím zvolte datum', + 'default-less' : 'Prosím zvolte rozsah data menší než %d dnů', + 'default-range' : 'Prosím zvolte rozsah data mezi %d a %d dny', + 'default-default': 'Prosím zvolte rozsah data' + }, + 'en': + { + 'selected': 'Selected:', + 'day':'Day', + 'days': 'Days', + 'apply': 'Apply', + 'week-1' : 'MO', + 'week-2' : 'TU', + 'week-3' : 'WE', + 'week-4' : 'TH', + 'week-5' : 'FR', + 'week-6' : 'SA', + 'week-7' : 'SU', + 'month-name': ['JANUARY','FEBRUARY','MARCH','APRIL','MAY','JUNE','JULY','AUGUST','SEPTEMBER','OCTOBER','NOVEMBER','DECEMBER'], + 'shortcuts' : 'Shortcuts', + 'past': 'Past', + 'following':'Following', + 'previous' : 'Previous', + 'prev-week' : 'Week', + 'prev-month' : 'Month', + 'prev-year' : 'Year', + 'next':'Next', + 'next-week':'Week', + 'next-month':'Month', + 'next-year':'Year', + 'less-than' : 'Date range should not be more than %d days', + 'more-than' : 'Date range should not be less than %d days', + 'default-more' : 'Please select a date range longer than %d days', + 'default-single' : 'Please select a date', + 'default-less' : 'Please select a date range less than %d days', + 'default-range' : 'Please select a date range between %d and %d days', + 'default-default': 'Please select a date range' + }, + 'it': + { + 'selected': 'Selezionati:', + 'day':'Giorno', + 'days': 'Giorni', + 'apply': 'Chiudi', + 'week-1' : 'LU', + 'week-2' : 'MA', + 'week-3' : 'ME', + 'week-4' : 'GI', + 'week-5' : 'VE', + 'week-6' : 'SA', + 'week-7' : 'DO', + 'month-name': ['GENNAIO','FEBBRAIO','MARZO','APRILE','MAGGIO','GIUGNO','LUGLIO','AGOSTO','SETTEMBRE','OTTOBRE','NOVEMBRE','DICEMBRE'], + 'shortcuts' : 'Scorciatoie', + 'past': 'Scorso', + 'following':'Successivo', + 'previous' : 'Precedente', + 'prev-week' : 'Settimana', + 'prev-month' : 'Mese', + 'prev-year' : 'Anno', + 'next':'Prossimo', + 'next-week':'Settimana', + 'next-month':'Mese', + 'next-year':'Anno', + 'less-than' : 'L\'intervallo non dev\'essere maggiore di %d giorni', + 'more-than' : 'L\'intervallo non dev\'essere minore di %d giorni', + 'default-more' : 'Seleziona un intervallo maggiore di %d giorni', + 'default-single' : 'Seleziona una data', + 'default-less' : 'Seleziona un intervallo minore di %d giorni', + 'default-range' : 'Seleziona un intervallo compreso tra i %d e i %d giorni', + 'default-default': 'Seleziona un intervallo di date' + }, + 'es': + { + 'selected': 'Seleccionado:', + 'day':'Dia', + 'days': 'Dias', + 'apply': 'Cerrar', + 'week-1' : 'LU', + 'week-2' : 'MA', + 'week-3' : 'MI', + 'week-4' : 'JU', + 'week-5' : 'VI', + 'week-6' : 'SA', + 'week-7' : 'DO', + 'month-name': ['ENERO','FEBRERO','MARZO','ABRIL','MAYO','JUNIO','JULIO','AGOSTO','SEPTIEMBRE','OCTUBRE','NOVIEMBRE','DICIEMBRE'], + 'shortcuts' : 'Accesos directos', + 'past': 'Pasado', + 'following':'Siguiente', + 'previous' : 'Anterior', + 'prev-week' : 'Semana', + 'prev-month' : 'Mes', + 'prev-year' : 'Año', + 'next':'Siguiente', + 'next-week':'Semana', + 'next-month':'Mes', + 'next-year':'Año', + 'less-than' : 'El rango no deberia ser mayor de %d dias', + 'more-than' : 'El rango no deberia ser menor de %d dias', + 'default-more' : 'Por favor selecciona un rango mayor a %d dias', + 'default-single' : 'Por favor selecciona un dia', + 'default-less' : 'Por favor selecciona un rango menor a %d dias', + 'default-range' : 'Por favor selecciona un rango entre %d y %d dias', + 'default-default': 'Por favor selecciona un rango de fechas.' + }, + 'de': + { + 'selected': 'Auswahl:', + 'day':'Tag', + 'days': 'Tage', + 'apply': 'Schließen', + 'week-1' : 'MO', + 'week-2' : 'DI', + 'week-3' : 'MI', + 'week-4' : 'DO', + 'week-5' : 'FR', + 'week-6' : 'SA', + 'week-7' : 'SO', + 'month-name': ['JANUAR','FEBRUAR','MÄRZ','APRIL','MAI','JUNI','JULI','AUGUST','SEPTEMBER','OKTOBER','NOVEMBER','DEZEMBER'], + 'shortcuts' : 'Schnellwahl', + 'past': 'Vorherige', + 'following':'Folgende', + 'previous' : 'Vorherige', + 'prev-week' : 'Woche', + 'prev-month' : 'Monat', + 'prev-year' : 'Jahr', + 'next':'Nächste', + 'next-week':'Woche', + 'next-month':'Monat', + 'next-year':'Jahr', + 'less-than' : 'Datumsbereich darf nicht größer sein als %d Tage', + 'more-than' : 'Datumsbereich darf nicht kleiner sein als %d Tage', + 'default-more' : 'Bitte mindestens %d Tage auswählen', + 'default-single' : 'Bitte ein Datum auswählen', + 'default-less' : 'Bitte weniger als %d Tage auswählen', + 'default-range' : 'Bitte einen Datumsbereich zwischen %d und %d Tagen auswählen', + 'default-default': 'Bitte ein Start- und Enddatum auswählen' + }, + 'ru': + { + 'selected': 'Выбрано:', + 'day': 'День', + 'days': 'Дней', + 'apply': 'Закрыть', + 'week-1': 'ПН', + 'week-2': 'ВТ', + 'week-3': 'СР', + 'week-4': 'ЧТ', + 'week-5': 'ПТ', + 'week-6': 'СБ', + 'week-7': 'ВС', + 'month-name': ['ЯНВАРЬ','ФЕВРАЛЬ','МАРТ','АПРЕЛЬ','МАЙ','ИЮНЬ','ИЮЛЬ','АВГУСТ','СЕНТЯБРЬ','ОКТЯБРЬ','НОЯБРЬ','ДЕКАБРЬ'], + 'shortcuts': 'Быстрый выбор', + 'past': 'Прошедшие', + 'following': 'Следующие', + 'previous': '   ', + 'prev-week': 'Неделя', + 'prev-month': 'Месяц', + 'prev-year': 'Год', + 'next': '   ', + 'next-week': 'Неделя', + 'next-month': 'Месяц', + 'next-year': 'Год', + 'less-than': 'Диапазон не может быть больше %d дней', + 'more-than': 'Диапазон не может быть меньше %d дней', + 'default-more': 'Пожалуйста выберите диапазон больше %d дней', + 'default-single': 'Пожалуйста выберите дату', + 'default-less': 'Пожалуйста выберите диапазон меньше %d дней', + 'default-range': 'Пожалуйста выберите диапазон между %d и %d днями', + 'default-default': 'Пожалуйста выберите диапазон' + }, + 'fr': + { + 'selected': 'Sélection:', + 'day':'Jour', + 'days': 'Jours', + 'apply': 'Fermer', + 'week-1' : 'LU', + 'week-2' : 'MA', + 'week-3' : 'ME', + 'week-4' : 'JE', + 'week-5' : 'VE', + 'week-6' : 'SA', + 'week-7' : 'DI', + 'month-name': ['JANVIER','FÉVRIER','MARS','AVRIL','MAI','JUIN','JUILLET','AOÛT','SEPTEMBRE','OCTOBRE','NOVEMBRE','DÉCEMBRE'], + 'shortcuts' : 'Raccourcis', + 'past': 'Passé', + 'following':'Suivant', + 'previous' : 'Précédent', + 'prev-week' : 'Semaine', + 'prev-month' : 'Mois', + 'prev-year' : 'Année', + 'next':'Suivant', + 'next-week':'Semaine', + 'next-month':'Mois', + 'next-year':'Année', + 'less-than' : 'L\'intervalle ne doit pas être supérieure à %d jours', + 'more-than' : 'L\'intervalle ne doit pas être inférieure à %d jours', + 'default-more' : 'Merci de choisir une intervalle supérieure à %d jours', + 'default-single' : 'Merci de choisir une date', + 'default-less' : 'Merci de choisir une intervalle inférieure %d jours', + 'default-range' : 'Merci de choisir une intervalle comprise entre %d et %d jours', + 'default-default': 'Merci de choisir une date' + } + }; + + + if (window['moment'] === undefined) + { + if (window['console'] && console['warn']) console.warn('Please import moment.js before daterangepicker.js'); + return; + } + + $.fn.dateRangePicker = function(opt) + { + if (!opt) opt = {}; + opt = $.extend(true, + { + autoClose: false, + format: 'YYYY-MM-DD', + separator: ' to ', + language: 'auto', + startOfWeek: 'sunday',// or monday + getValue: function() + { + return $(this).val(); + }, + setValue: function(s) + { + if(!$(this).attr('readonly') && !$(this).is(':disabled')){ + $(this).val(s); + } + }, + startDate: false, + endDate: false, + time: { + enabled: false + }, + minDays: 0, + maxDays: 0, + showShortcuts: true, + shortcuts: + { + //'prev-days': [1,3,5,7], + 'next-days': [3,5,7], + //'prev' : ['week','month','year'], + 'next' : ['week','month','year'] + }, + customShortcuts : [], + inline:false, + container:'body', + alwaysOpen:false, + singleDate:false, + batchMode: false, + duration: 200 + },opt); + + opt.start = false; + opt.end = false; + + if (opt.startDate && typeof opt.startDate == 'string') opt.startDate = moment(opt.startDate,opt.format).toDate(); + if (opt.endDate && typeof opt.endDate == 'string') opt.endDate = moment(opt.endDate,opt.format).toDate(); + + var langs = getLanguages(); + var box; + var initiated = false; + var self = this; + var selfDom = $(self).get(0); + + $(this).unbind('.datepicker').bind('click.datepicker',function(evt) + { + var isOpen = box.is(':visible'); + $(document).trigger('click.datepicker'); + evt.stopPropagation(); + if(!isOpen) open(opt.duration); + }); + + init_datepicker.call(this); + + if (opt.alwaysOpen) + { + open(0); + } + + // expose some api + $(this).data('dateRangePicker', + { + setDateRange : function(d1,d2) + { + if (typeof d1 == 'string' && typeof d2 == 'string') + { + d1 = moment(d1,opt.format).toDate(); + d2 = moment(d2,opt.format).toDate(); + } + setDateRange(d1,d2); + }, + clear: clearSelection, + close: closeDatePicker, + open: open, + getDatePicker: getDatePicker, + destroy: function() + { + $(self).unbind('.datepicker'); + $(self).data('dateRangePicker',''); + box.remove(); + $(window).unbind('resize.datepicker',calcPosition); + $(document).unbind('click.datepicker',closeDatePicker); + } + }); + + $(window).bind('resize.datepicker',calcPosition); + + return this; + + + + + + + + + + + + function init_datepicker() + { + var self = this; + + if ($(this).data('date-picker-opened')) + { + closeDatePicker(); + return; + } + $(this).data('date-picker-opened',true); + + + + + + box = createDom().hide(); + $(opt.container).append(box); + + if (!opt.inline) + { + calcPosition(); + } + else + { + box.addClass("inline-wrapper").css({position:'static'}); + } + + if (opt.alwaysOpen) + { + box.find('.apply-btn').hide(); + } + + var defaultTime = opt.defaultTime ? opt.defaultTime : new Date(); + if (opt.startDate && compare_month(defaultTime,opt.startDate) < 0 ) defaultTime = moment(opt.startDate).toDate(); + if (opt.endDate && compare_month(nextMonth(defaultTime),opt.endDate) > 0 ) defaultTime = prevMonth(moment(opt.endDate).toDate()); + + + showMonth(defaultTime,'month1'); + showMonth(nextMonth(defaultTime),'month2'); + + if (opt.time.enabled) { + if ((opt.startDate && opt.endDate) || (opt.start && opt.end)) { + showTime(moment(opt.start || opt.startDate).toDate(),'time1'); + showTime(moment(opt.end || opt.endDate).toDate(),'time2'); + } else { + showTime(defaultTime,'time1'); + showTime(defaultTime,'time2'); + } + } + + //showSelectedInfo(); + + + + + var defaultTopText = ''; + if (opt.singleDate) + defaultTopText = lang('default-single'); + else if (opt.minDays && opt.maxDays) + defaultTopText = lang('default-range'); + else if (opt.minDays) + defaultTopText = lang('default-more'); + else if (opt.maxDays) + defaultTopText = lang('default-less'); + else + defaultTopText = lang('default-default'); + + box.find('.default-top').html( defaultTopText.replace(/\%d/,opt.minDays).replace(/\%d/,opt.maxDays)); + + + + + setTimeout(function() + { + initiated = true; + },0); + + box.click(function(evt) + { + evt.stopPropagation(); + }); + + $(document).bind('click.datepicker',closeDatePicker); + + box.find('.next').click(function() + { + var isMonth2 = $(this).parents('table').hasClass('month2'); + var month = isMonth2 ? opt.month2 : opt.month1; + month = nextMonth(month); + if (!opt.singleDate && !isMonth2 && compare_month(month,opt.month2) >= 0 || isMonthOutOfBounds(month)) return; + showMonth(month,isMonth2 ? 'month2' : 'month1'); + showGap(); + }); + + box.find('.prev').click(function() + { + var isMonth2 = $(this).parents('table').hasClass('month2'); + var month = isMonth2 ? opt.month2 : opt.month1; + month = prevMonth(month); + //if (isMonth2 && month.getFullYear()+''+month.getMonth() <= opt.month1.getFullYear()+''+opt.month1.getMonth()) return; + if (isMonth2 && compare_month(month,opt.month1) <= 0 || isMonthOutOfBounds(month)) return; + showMonth(month,isMonth2 ? 'month2' : 'month1'); + showGap(); + }); + + + box.bind('click',function(evt) + { + if ($(evt.target).hasClass('day')) + { + dayClicked($(evt.target)); + } + }); + + box.attr('unselectable', 'on') + .css('user-select', 'none') + .bind('selectstart', function(e) + { + e.preventDefault(); return false; + }); + + box.find('.apply-btn').click(function() + { + closeDatePicker(); + var dateRange = getDateString(new Date(opt.start))+ opt.separator +getDateString(new Date(opt.end)); + $(self).trigger('datepicker-apply', + { + 'value': dateRange, + 'date1' : new Date(opt.start), + 'date2' : new Date(opt.end) + }); + }); + + box.find('[shortcut]').click(function() + { + var shortcut = $(this).attr('shortcut'); + var end = new Date(),start = false; + if (shortcut.indexOf('day') != -1) + { + var day = parseInt(shortcut.split(',',2)[1],10); + start = new Date(new Date().getTime() + 86400000*day); + end = new Date(end.getTime() + 86400000*(day>0?1:-1) ); + } + else if (shortcut.indexOf('week')!= -1) + { + var dir = shortcut.indexOf('prev,') != -1 ? -1 : 1; + + if (dir == 1) + var stopDay = opt.startOfWeek == 'monday' ? 1 : 0; + else + var stopDay = opt.startOfWeek == 'monday' ? 0 : 6; + + end = new Date(end.getTime() - 86400000); + while(end.getDay() != stopDay) end = new Date(end.getTime() + dir*86400000); + start = new Date(end.getTime() + dir*86400000*6); + } + else if (shortcut.indexOf('month') != -1) + { + var dir = shortcut.indexOf('prev,') != -1 ? -1 : 1; + if (dir == 1) + start = nextMonth(end); + else + start = prevMonth(end); + start.setDate(1); + end = nextMonth(start); + end.setDate(1); + end = new Date(end.getTime() - 86400000); + } + else if (shortcut.indexOf('year') != -1) + { + var dir = shortcut.indexOf('prev,') != -1 ? -1 : 1; + start = new Date(); + start.setFullYear(end.getFullYear() + dir); + start.setMonth(0); + start.setDate(1); + end.setFullYear(end.getFullYear() + dir); + end.setMonth(11); + end.setDate(31); + } + else if (shortcut == 'custom') + { + var name = $(this).html(); + if (opt.customShortcuts && opt.customShortcuts.length > 0) + { + for(var i=0;i=2)) + { + var ___format = opt.format; + if (___format.match(/Do/)) + { + + ___format = ___format.replace(/Do/,'D'); + defaults[0] = defaults[0].replace(/(\d+)(th|nd|st)/,'$1'); + if(defaults.length >= 2){ + defaults[1] = defaults[1].replace(/(\d+)(th|nd|st)/,'$1'); + } + } + // set initiated to avoid triggerring datepicker-change event + initiated = false; + if(defaults.length >= 2){ + setDateRange(moment(defaults[0], ___format).toDate(),moment(defaults[1], ___format).toDate()); + } + else if(defaults.length==1 && opt.singleDate){ + setSingleDate(moment(defaults[0], ___format).toDate()); + } + + initiated = true; + } + box.slideDown(animationTime); + } + + + + function renderTime (name, date) { + box.find("." + name + " input[type=range].hour-range").val(moment(date).hours()); + box.find("." + name + " input[type=range].minute-range").val(moment(date).minutes()); + setTime(name, moment(date).format("HH"), moment(date).format("mm")); + } + + function changeTime (name, date) { + opt[name] = parseInt( + moment(parseInt(date)) + .startOf('day') + .add('h', moment(opt[name + "Time"]).format("HH")) + .add('m', moment(opt[name + "Time"]).format("mm")).valueOf() + ); + } + + function swapTime () { + renderTime("time1", opt.start); + renderTime("time2", opt.end); + } + + function setTime (name, hour, minute) { + hour && (box.find("." + name + " .hour-val").text(hour)); + minute && (box.find("." + name + " .minute-val").text(minute)); + switch (name) { + case "time1": + if (opt.start) { + setRange("start", moment(opt.start)); + } + setRange("startTime", moment(opt.startTime || moment().valueOf())); + break; + case "time2": + if (opt.end) { + setRange("end", moment(opt.end)); + } + setRange("endTime", moment(opt.endTime || moment().valueOf())); + break; + } + function setRange(name, timePoint) { + var h = timePoint.format("HH"), + m = timePoint.format("mm"); + opt[name] = timePoint + .startOf('day') + .add("h", hour || h) + .add("m", minute || m) + .valueOf(); + } + checkSelectionValid(); + showSelectedInfo(); + showSelectedDays(); + } + + function clearSelection() + { + opt.start = false; + opt.end = false; + box.find('.day.checked').removeClass('checked'); + opt.setValue.call(selfDom, ''); + checkSelectionValid(); + showSelectedInfo(); + showSelectedDays(); + } + + function handleStart(time) + { + var r = time; + if (opt.batchMode === 'week-range') { + if (opt.startOfWeek === 'monday') { + r = moment(parseInt(time)).startOf('isoweek').valueOf(); + } else { + r = moment(parseInt(time)).startOf('week').valueOf(); + } + } else if (opt.batchMode === 'month-range') { + r = moment(parseInt(time)).startOf('month').valueOf(); + } + + return r; + } + + function handleEnd(time) + { + var r = time; + if (opt.batchMode === 'week-range') { + if (opt.startOfWeek === 'monday') { + r = moment(parseInt(time)).endOf('isoweek').valueOf(); + } else { + r = moment(parseInt(time)).endOf('week').valueOf(); + } + } else if (opt.batchMode === 'month') { + r = moment(parseInt(time)).endOf('month').valueOf(); + } + + return r; + } + + + function dayClicked(day) + { + if (day.hasClass('invalid')) return; + var time = day.attr('time'); + day.addClass('checked'); + if ( opt.singleDate ) + { + opt.start = time; + opt.end = false; + if (opt.time.enabled) { + changeTime("start", opt.start); + } + } + else if (opt.batchMode === 'week') + { + if (opt.startOfWeek === 'monday') { + opt.start = moment(parseInt(time)).startOf('isoweek').valueOf(); + opt.end = moment(parseInt(time)).endOf('isoweek').valueOf(); + } else { + opt.end = moment(parseInt(time)).endOf('week').valueOf(); + opt.start = moment(parseInt(time)).startOf('week').valueOf(); + } + } + else if (opt.batchMode === 'month') + { + opt.start = moment(parseInt(time)).startOf('month').valueOf(); + opt.end = moment(parseInt(time)).endOf('month').valueOf(); + } + else if ((opt.start && opt.end) || (!opt.start && !opt.end) ) + { + opt.start = handleStart(time); + opt.end = false; + if (opt.time.enabled) { + changeTime("start", opt.start); + } + } + else if (opt.start) + { + opt.end = handleEnd(time); + if (opt.time.enabled) { + changeTime("end", opt.end); + } + } + + if (!opt.singleDate && opt.start && opt.end && opt.start > opt.end) + { + var tmp = opt.end; + opt.end = handleEnd(opt.start); + opt.start = handleStart(tmp); + if (opt.time.enabled) { + swapTime(); + } + } + + opt.start = parseInt(opt.start); + opt.end = parseInt(opt.end); + + checkSelectionValid(); + showSelectedInfo(); + showSelectedDays(); + autoclose(); + } + + function autoclose () { + if (opt.singleDate === true) { + if (initiated && opt.start ) + { + if (opt.autoClose) closeDatePicker(); + } + } else { + if (initiated && opt.start && opt.end) + { + if (opt.autoClose) closeDatePicker(); + } + } + } + + function checkSelectionValid() + { + var days = Math.ceil( (opt.end - opt.start) / 86400000 ) + 1; + if (opt.singleDate) { // Validate if only start is there + if (opt.start && !opt.end) + box.find('.drp_top-bar').removeClass('error').addClass('normal'); + else + box.find('.drp_top-bar').removeClass('error').removeClass('normal'); + } + else if ( opt.maxDays && days > opt.maxDays) + { + opt.start = false; + opt.end = false; + box.find('.day').removeClass('checked'); + box.find('.drp_top-bar').removeClass('normal').addClass('error').find('.error-top').html( lang('less-than').replace('%d',opt.maxDays) ); + } + else if ( opt.minDays && days < opt.minDays) + { + opt.start = false; + opt.end = false; + box.find('.day').removeClass('checked'); + box.find('.drp_top-bar').removeClass('normal').addClass('error').find('.error-top').html( lang('more-than').replace('%d',opt.minDays) ); + } + else + { + if (opt.start || opt.end) + box.find('.drp_top-bar').removeClass('error').addClass('normal'); + else + box.find('.drp_top-bar').removeClass('error').removeClass('normal'); + } + + if ( (opt.singleDate && opt.start && !opt.end) || (!opt.singleDate && opt.start && opt.end) ) + { + box.find('.apply-btn').removeClass('disabled'); + } + else + { + box.find('.apply-btn').addClass('disabled'); + } + + if (opt.batchMode) + { + if ( (opt.start && opt.startDate && compare_day(opt.start, opt.startDate) < 0) + || (opt.end && opt.endDate && compare_day(opt.end, opt.endDate) > 0) ) + { + opt.start = false; + opt.end = false; + box.find('.day').removeClass('checked'); + } + } + } + + function showSelectedInfo() + { + box.find('.start-day').html('...'); + box.find('.end-day').html('...'); + box.find('.selected-days').hide(); + if (opt.start) + { + box.find('.start-day').html(getDateString(new Date(parseInt(opt.start)))); + } + if (opt.end) + { + box.find('.end-day').html(getDateString(new Date(parseInt(opt.end)))); + } + + if (opt.start && opt.singleDate) + { + box.find('.apply-btn').removeClass('disabled'); + var dateRange = getDateString(new Date(opt.start)); + opt.setValue.call(selfDom, dateRange, getDateString(new Date(opt.start)), getDateString(new Date(opt.end))); + + if (initiated) + { + $(self).trigger('datepicker-change', + { + 'value': dateRange, + 'date1' : new Date(opt.start) + }); + } + } + else if (opt.start && opt.end) + { + box.find('.selected-days').show().find('.selected-days-num').html(Math.round((opt.end-opt.start)/86400000)+1); + box.find('.apply-btn').removeClass('disabled'); + var dateRange = getDateString(new Date(opt.start))+ opt.separator +getDateString(new Date(opt.end)); + opt.setValue.call(selfDom,dateRange, getDateString(new Date(opt.start)), getDateString(new Date(opt.end))); + if (initiated) + { + $(self).trigger('datepicker-change', + { + 'value': dateRange, + 'date1' : new Date(opt.start), + 'date2' : new Date(opt.end) + }); + } + } + else + { + box.find('.apply-btn').addClass('disabled'); + } + } + + function setDateRange(date1,date2) + { + if (date1.getTime() > date2.getTime()) + { + var tmp = date2; + date2 = date1; + date1 = tmp; + tmp = null; + } + var valid = true; + if (opt.startDate && compare_day(date1,opt.startDate) < 0) valid = false; + if (opt.endDate && compare_day(date2,opt.endDate) > 0) valid = false; + if (!valid) + { + showMonth(opt.startDate,'month1'); + showMonth(nextMonth(opt.startDate),'month2'); + showGap(); + return; + } + + opt.start = date1.getTime(); + opt.end = date2.getTime(); + if (compare_day(date1,date2) > 0 && compare_month(date1,date2) == 0) + { + date2 = nextMonth(date1); + } + if (opt.time.enabled) { + renderTime("time1", date1); + renderTime("time2", date2); + } + showMonth(date1,'month1'); + showMonth(date2,'month2'); + showGap(); + showSelectedInfo(); + autoclose(); + } + + function setSingleDate(date1) + { + + var valid = true; + if (opt.startDate && compare_day(date1,opt.startDate) < 0) valid = false; + if (opt.endDate && compare_day(date1,opt.endDate) > 0) valid = false; + if (!valid) + { + showMonth(opt.startDate,'month1'); + + //showGap(); + return; + } + + opt.start = date1.getTime(); + + + if (opt.time.enabled) { + renderTime("time1", date1); + + } + showMonth(date1,'month1'); + //showMonth(date2,'month2'); + showGap(); + showSelectedInfo(); + autoclose(); + } + + function showSelectedDays() + { + if (!opt.start && !opt.end) return; + box.find('.day').each(function() + { + var time = parseInt($(this).attr('time')), + start = opt.start, + end = opt.end; + if (opt.time.enabled) { + time = moment(time).startOf('day').valueOf(); + start = moment(start || moment().valueOf()).startOf('day').valueOf(); + end = moment(end || moment().valueOf()).startOf('day').valueOf(); + } + if ( + (opt.start && opt.end && end >= time && start <= time ) + || ( opt.start && !opt.end && moment(start).format('YYYY-MM-DD') == moment(time).format('YYYY-MM-DD') ) + ) + { + $(this).addClass('checked'); + } + else + { + $(this).removeClass('checked'); + } + }); + } + + function showMonth(date,month) + { + date = moment(date).toDate(); + var monthName = nameMonth(date.getMonth()); + box.find('.'+month+' .month-name').html(monthName+' '+date.getFullYear()); + box.find('.'+month+' tbody').html(createMonthHTML(date)); + opt[month] = date; + } + + function showTime(date,name) + { + box.find('.' + name).append(getTimeHTML()); + renderTime(name, date); + } + + function nameMonth(m) + { + return lang('month-name')[m]; + } + + function getDateString(d) + { + return moment(d).format(opt.format); + } + + function showGap() + { + showSelectedDays(); + var m1 = parseInt(moment(opt.month1).format('YYYYMM')); + var m2 = parseInt(moment(opt.month2).format('YYYYMM')); + var p = Math.abs(m1 - m2); + var shouldShow = (p > 1 && p !=89); + if (shouldShow) + box.find('.gap').show(); + else + box.find('.gap').hide(); + } + + function closeDatePicker() + { + if (opt.alwaysOpen) return; + $(box).slideUp(opt.duration,function() + { + $(self).data('date-picker-opened',false); + }); + //$(document).unbind('.datepicker'); + $(self).trigger('datepicker-close'); + } + + function compare_month(m1,m2) + { + var p = parseInt(moment(m1).format('YYYYMM')) - parseInt(moment(m2).format('YYYYMM')); + if (p > 0 ) return 1; + if (p == 0) return 0; + return -1; + } + + function compare_day(m1,m2) + { + var p = parseInt(moment(m1).format('YYYYMMDD')) - parseInt(moment(m2).format('YYYYMMDD')); + if (p > 0 ) return 1; + if (p == 0) return 0; + return -1; + } + + function nextMonth(month) + { + month = moment(month).toDate(); + var toMonth = month.getMonth(); + while(month.getMonth() == toMonth) month = new Date(month.getTime()+86400000); + return month; + } + + function prevMonth(month) + { + month = moment(month).toDate(); + var toMonth = month.getMonth(); + while(month.getMonth() == toMonth) month = new Date(month.getTime()-86400000); + return month; + } + + function getTimeHTML() + { + var timeHtml = '
' + +'Time: 00:00' + +'
' + +'
' + +'' + +'
' + +'
' + +'' + +'
'; + return timeHtml; + } + + function createDom() + { + var html = '
' + +'
\ +
\ + '+lang('selected')+' ...' + if ( ! opt.singleDate ) { + html += ' '+opt.separator+' ... (3 '+lang('days')+')' + } + html += '
\ +
error
\ +
default
\ + \ +
' + +'
' + +''+getWeekHead()+'
<January, 2011>
' + if ( ! opt.singleDate ) { + html += '
'+getGapHTML()+'
' + +''+getWeekHead()+'
<January, 2011>
' + } + //+'
' + html += '
' + +'
' + +'
' + if ( ! opt.singleDate ) { + html += '
' + } + html += '
' + +'
' + +'
'; + + if (opt.showShortcuts) + { + html += '
'+lang('shortcuts')+''; + + var data = opt.shortcuts; + if (data) + { + if (data['prev-days'] && data['prev-days'].length > 0) + { + html += ' '+lang('past'); + for(var i=0;i 1) ? lang('days') : lang('day'); + html += ' '+name+''; + } + html+=''; + } + + if (data['next-days'] && data['next-days'].length > 0) + { + html += ' '+lang('following'); + for(var i=0;i 1) ? lang('days') : lang('day'); + html += ' '+name+''; + } + html+= ''; + } + + if (data['prev'] && data['prev'].length > 0) + { + html += ' '+lang('previous'); + for(var i=0;i'+name+''; + } + html+=''; + } + + if (data['next'] && data['next'].length > 0) + { + html += ' '+lang('next'); + for(var i=0;i'+name+''; + } + html+=''; + } + } + + if (opt.customShortcuts) + { + for(var i=0;i'; + } + } + + html +='
'; + } + html += '
'; + + + return $(html); + } + + function getHideClass() + { + if (opt.autoClose === true) { + return 'hide'; + } + return ''; + } + + function getWeekHead() + { + if (opt.startOfWeek == 'monday') + { + return ''+lang('week-1')+'\ + '+lang('week-2')+'\ + '+lang('week-3')+'\ + '+lang('week-4')+'\ + '+lang('week-5')+'\ + '+lang('week-6')+'\ + '+lang('week-7')+''; + } + else + { + return ''+lang('week-7')+'\ + '+lang('week-1')+'\ + '+lang('week-2')+'\ + '+lang('week-3')+'\ + '+lang('week-4')+'\ + '+lang('week-5')+'\ + '+lang('week-6')+''; + } + } + function isMonthOutOfBounds(month) + { + var month = moment(month); + if (opt.startDate && month.endOf('month').isBefore(opt.startDate)) + { + return true; + } + if (opt.endDate && month.startOf('month').isAfter(opt.endDate)) + { + return true; + } + return false; + } + + function getGapHTML() + { + var html = ['
']; + for(var i=0;i<20;i++) + { + html.push('
\ +
\ +
\ +
\ +
'); + } + html.push('
'); + return html.join(''); + } + + function createMonthHTML(d) + { + var days = []; + d.setDate(1); + var lastMonth = new Date(d.getTime() - 86400000); + var now = new Date(); + + var dayOfWeek = d.getDay(); + if((dayOfWeek == 0) && (opt.startOfWeek == 'monday')) { + // add one week + dayOfWeek = 7; + } + + if (dayOfWeek > 0) + { + for (var i = dayOfWeek; i > 0; i--) + { + var day = new Date(d.getTime() - 86400000*i); + var valid = true; + if (opt.startDate && compare_day(day,opt.startDate) < 0) valid = false; + if (opt.endDate && compare_day(day,opt.endDate) > 0) valid = false; + days.push({type:'lastMonth',day: day.getDate(),time:day.getTime(), valid:valid }); + } + } + var toMonth = d.getMonth(); + for(var i=0; i<40; i++) + { + var today = moment(d).add(i,'days').toDate(); + var valid = true; + if (opt.startDate && compare_day(today,opt.startDate) < 0) valid = false; + if (opt.endDate && compare_day(today,opt.endDate) > 0) valid = false; + days.push({type: today.getMonth() == toMonth ? 'toMonth' : 'nextMonth',day: today.getDate(),time:today.getTime(), valid:valid }); + } + var html = []; + for(var week=0; week<6; week++) + { + if (days[week*7].type == 'nextMonth') break; + html.push(''); + for(var day = 0; day<7; day++) + { + var _day = (opt.startOfWeek == 'monday') ? day+1 : day; + var today = days[week*7+_day]; + var highlightToday = moment(today.time).format('L') == moment(now).format('L'); + today.extraClass = ''; + today.tooltip = ''; + if(opt.beforeShowDay && typeof opt.beforeShowDay == 'function') + { + var _r = opt.beforeShowDay(moment(today.time).toDate()); + today.valid = _r[0]; + today.extraClass = _r[1] || ''; + today.tooltip = _r[2] || ''; + if (today.tooltip != '') today.extraClass += ' has-tooltip '; + } + html.push('
'+today.day+'
'); + } + html.push(''); + } + return html.join(''); + } + + function getLanguages() + { + if (opt.language == 'auto') + { + var language = navigator.language ? navigator.language : navigator.browserLanguage; + if (!language) return $.dateRangePickerLanguages['en']; + var language = language.toLowerCase(); + for(var key in $.dateRangePickerLanguages) + { + if (language.indexOf(key) != -1) + { + return $.dateRangePickerLanguages[key]; + } + } + return $.dateRangePickerLanguages['en']; + } + else if ( opt.language && opt.language in $.dateRangePickerLanguages) + { + return $.dateRangePickerLanguages[opt.language]; + } + else + { + return $.dateRangePickerLanguages['en']; + } + } + + function lang(t) + { + return (t in langs)? langs[t] : t; + } + + + }; +})(jQuery);