| [400] | 1 | /* ========================================================= |
|---|
| 2 | * bootstrap-datepicker.js |
|---|
| 3 | * http://www.eyecon.ro/bootstrap-datepicker |
|---|
| 4 | * ========================================================= |
|---|
| 5 | * Copyright 2012 Stefan Petre |
|---|
| 6 | * Improvements by Andrew Rowls |
|---|
| 7 | * |
|---|
| 8 | * Licensed under the Apache License, Version 2.0 (the "License"); |
|---|
| 9 | * you may not use this file except in compliance with the License. |
|---|
| 10 | * You may obtain a copy of the License at |
|---|
| 11 | * |
|---|
| 12 | * http://www.apache.org/licenses/LICENSE-2.0 |
|---|
| 13 | * |
|---|
| 14 | * Unless required by applicable law or agreed to in writing, software |
|---|
| 15 | * distributed under the License is distributed on an "AS IS" BASIS, |
|---|
| 16 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|---|
| 17 | * See the License for the specific language governing permissions and |
|---|
| 18 | * limitations under the License. |
|---|
| 19 | * ========================================================= */ |
|---|
| 20 | |
|---|
| 21 | !function( $ ) { |
|---|
| 22 | |
|---|
| 23 | function UTCDate(){ |
|---|
| 24 | return new Date(Date.UTC.apply(Date, arguments)); |
|---|
| 25 | } |
|---|
| 26 | function UTCToday(){ |
|---|
| 27 | var today = new Date(); |
|---|
| 28 | return UTCDate(today.getUTCFullYear(), today.getUTCMonth(), today.getUTCDate()); |
|---|
| 29 | } |
|---|
| 30 | |
|---|
| 31 | // Picker object |
|---|
| 32 | |
|---|
| 33 | var Datepicker = function(element, options) { |
|---|
| 34 | var that = this; |
|---|
| 35 | |
|---|
| 36 | this.element = $(element); |
|---|
| 37 | this.language = options.language||this.element.data('date-language')||"en"; |
|---|
| 38 | this.language = this.language in dates ? this.language : this.language.split('-')[0]; //Check if "de-DE" style date is available, if not language should fallback to 2 letter code eg "de" |
|---|
| 39 | this.language = this.language in dates ? this.language : "en"; |
|---|
| 40 | this.isRTL = dates[this.language].rtl||false; |
|---|
| 41 | this.format = DPGlobal.parseFormat(options.format||this.element.data('date-format')||dates[this.language].format||'mm/dd/yyyy'); |
|---|
| 42 | this.isInline = false; |
|---|
| 43 | this.isInput = this.element.is('input'); |
|---|
| 44 | this.component = this.element.is('.date') ? this.element.find('.add-on, .btn') : false; |
|---|
| 45 | this.hasInput = this.component && this.element.find('input').length; |
|---|
| 46 | if(this.component && this.component.length === 0) |
|---|
| 47 | this.component = false; |
|---|
| 48 | |
|---|
| 49 | this._attachEvents(); |
|---|
| 50 | |
|---|
| 51 | this.forceParse = true; |
|---|
| 52 | if ('forceParse' in options) { |
|---|
| 53 | this.forceParse = options.forceParse; |
|---|
| 54 | } else if ('dateForceParse' in this.element.data()) { |
|---|
| 55 | this.forceParse = this.element.data('date-force-parse'); |
|---|
| 56 | } |
|---|
| 57 | |
|---|
| 58 | |
|---|
| 59 | this.picker = $(DPGlobal.template) |
|---|
| 60 | .appendTo(this.isInline ? this.element : 'body') |
|---|
| 61 | .on({ |
|---|
| 62 | click: $.proxy(this.click, this), |
|---|
| 63 | mousedown: $.proxy(this.mousedown, this) |
|---|
| 64 | }); |
|---|
| 65 | |
|---|
| 66 | if(this.isInline) { |
|---|
| 67 | this.picker.addClass('datepicker-inline'); |
|---|
| 68 | } else { |
|---|
| 69 | this.picker.addClass('datepicker-dropdown dropdown-menu'); |
|---|
| 70 | } |
|---|
| 71 | if (this.isRTL){ |
|---|
| 72 | this.picker.addClass('datepicker-rtl'); |
|---|
| 73 | this.picker.find('.prev i, .next i') |
|---|
| 74 | .toggleClass('icon-arrow-left icon-arrow-right'); |
|---|
| 75 | } |
|---|
| 76 | $(document).on('mousedown', function (e) { |
|---|
| 77 | // Clicked outside the datepicker, hide it |
|---|
| 78 | if ($(e.target).closest('.datepicker.datepicker-inline, .datepicker.datepicker-dropdown').length === 0) { |
|---|
| 79 | that.hide(); |
|---|
| 80 | } |
|---|
| 81 | }); |
|---|
| 82 | |
|---|
| 83 | this.autoclose = false; |
|---|
| 84 | if ('autoclose' in options) { |
|---|
| 85 | this.autoclose = options.autoclose; |
|---|
| 86 | } else if ('dateAutoclose' in this.element.data()) { |
|---|
| 87 | this.autoclose = this.element.data('date-autoclose'); |
|---|
| 88 | } |
|---|
| 89 | |
|---|
| 90 | this.keyboardNavigation = true; |
|---|
| 91 | if ('keyboardNavigation' in options) { |
|---|
| 92 | this.keyboardNavigation = options.keyboardNavigation; |
|---|
| 93 | } else if ('dateKeyboardNavigation' in this.element.data()) { |
|---|
| 94 | this.keyboardNavigation = this.element.data('date-keyboard-navigation'); |
|---|
| 95 | } |
|---|
| 96 | |
|---|
| 97 | this.viewMode = this.startViewMode = 0; |
|---|
| 98 | switch(options.startView || this.element.data('date-start-view')){ |
|---|
| 99 | case 2: |
|---|
| 100 | case 'decade': |
|---|
| 101 | this.viewMode = this.startViewMode = 2; |
|---|
| 102 | break; |
|---|
| 103 | case 1: |
|---|
| 104 | case 'year': |
|---|
| 105 | this.viewMode = this.startViewMode = 1; |
|---|
| 106 | break; |
|---|
| 107 | } |
|---|
| 108 | |
|---|
| 109 | this.minViewMode = options.minViewMode||this.element.data('date-min-view-mode')||0; |
|---|
| 110 | if (typeof this.minViewMode === 'string') { |
|---|
| 111 | switch (this.minViewMode) { |
|---|
| 112 | case 'months': |
|---|
| 113 | this.minViewMode = 1; |
|---|
| 114 | break; |
|---|
| 115 | case 'years': |
|---|
| 116 | this.minViewMode = 2; |
|---|
| 117 | break; |
|---|
| 118 | default: |
|---|
| 119 | this.minViewMode = 0; |
|---|
| 120 | break; |
|---|
| 121 | } |
|---|
| 122 | } |
|---|
| 123 | |
|---|
| 124 | this.viewMode = this.startViewMode = Math.max(this.startViewMode, this.minViewMode); |
|---|
| 125 | |
|---|
| 126 | this.todayBtn = (options.todayBtn||this.element.data('date-today-btn')||false); |
|---|
| 127 | this.todayHighlight = (options.todayHighlight||this.element.data('date-today-highlight')||false); |
|---|
| 128 | |
|---|
| 129 | this.calendarWeeks = false; |
|---|
| 130 | if ('calendarWeeks' in options) { |
|---|
| 131 | this.calendarWeeks = options.calendarWeeks; |
|---|
| 132 | } else if ('dateCalendarWeeks' in this.element.data()) { |
|---|
| 133 | this.calendarWeeks = this.element.data('date-calendar-weeks'); |
|---|
| 134 | } |
|---|
| 135 | if (this.calendarWeeks) |
|---|
| 136 | this.picker.find('tfoot th.today') |
|---|
| 137 | .attr('colspan', function(i, val){ |
|---|
| 138 | return parseInt(val) + 1; |
|---|
| 139 | }); |
|---|
| 140 | |
|---|
| 141 | this.weekStart = ((options.weekStart||this.element.data('date-weekstart')||dates[this.language].weekStart||0) % 7); |
|---|
| 142 | this.weekEnd = ((this.weekStart + 6) % 7); |
|---|
| 143 | this.startDate = -Infinity; |
|---|
| 144 | this.endDate = Infinity; |
|---|
| 145 | this.daysOfWeekDisabled = []; |
|---|
| 146 | this.setStartDate(options.startDate||this.element.data('date-startdate')); |
|---|
| 147 | this.setEndDate(options.endDate||this.element.data('date-enddate')); |
|---|
| 148 | this.setDaysOfWeekDisabled(options.daysOfWeekDisabled||this.element.data('date-days-of-week-disabled')); |
|---|
| 149 | this.fillDow(); |
|---|
| 150 | this.fillMonths(); |
|---|
| 151 | this.update(); |
|---|
| 152 | this.showMode(); |
|---|
| 153 | |
|---|
| 154 | if(this.isInline) { |
|---|
| 155 | this.show(); |
|---|
| 156 | } |
|---|
| 157 | }; |
|---|
| 158 | |
|---|
| 159 | Datepicker.prototype = { |
|---|
| 160 | constructor: Datepicker, |
|---|
| 161 | |
|---|
| 162 | _events: [], |
|---|
| 163 | _attachEvents: function(){ |
|---|
| 164 | this._detachEvents(); |
|---|
| 165 | if (this.isInput) { // single input |
|---|
| 166 | this._events = [ |
|---|
| 167 | [this.element, { |
|---|
| 168 | focus: $.proxy(this.show, this), |
|---|
| 169 | keyup: $.proxy(this.update, this), |
|---|
| 170 | keydown: $.proxy(this.keydown, this) |
|---|
| 171 | }] |
|---|
| 172 | ]; |
|---|
| 173 | } |
|---|
| 174 | else if (this.component && this.hasInput){ // component: input + button |
|---|
| 175 | this._events = [ |
|---|
| 176 | // For components that are not readonly, allow keyboard nav |
|---|
| 177 | [this.element.find('input'), { |
|---|
| 178 | focus: $.proxy(this.show, this), |
|---|
| 179 | keyup: $.proxy(this.update, this), |
|---|
| 180 | keydown: $.proxy(this.keydown, this) |
|---|
| 181 | }], |
|---|
| 182 | [this.component, { |
|---|
| 183 | click: $.proxy(this.show, this) |
|---|
| 184 | }] |
|---|
| 185 | ]; |
|---|
| 186 | } |
|---|
| 187 | else if (this.element.is('div')) { // inline datepicker |
|---|
| 188 | this.isInline = true; |
|---|
| 189 | } |
|---|
| 190 | else { |
|---|
| 191 | this._events = [ |
|---|
| 192 | [this.element, { |
|---|
| 193 | click: $.proxy(this.show, this) |
|---|
| 194 | }] |
|---|
| 195 | ]; |
|---|
| 196 | } |
|---|
| 197 | for (var i=0, el, ev; i<this._events.length; i++){ |
|---|
| 198 | el = this._events[i][0]; |
|---|
| 199 | ev = this._events[i][1]; |
|---|
| 200 | el.on(ev); |
|---|
| 201 | } |
|---|
| 202 | }, |
|---|
| 203 | _detachEvents: function(){ |
|---|
| 204 | for (var i=0, el, ev; i<this._events.length; i++){ |
|---|
| 205 | el = this._events[i][0]; |
|---|
| 206 | ev = this._events[i][1]; |
|---|
| 207 | el.off(ev); |
|---|
| 208 | } |
|---|
| 209 | this._events = []; |
|---|
| 210 | }, |
|---|
| 211 | |
|---|
| 212 | show: function(e) { |
|---|
| 213 | this.picker.show(); |
|---|
| 214 | this.height = this.component ? this.component.outerHeight() : this.element.outerHeight(); |
|---|
| 215 | this.update(); |
|---|
| 216 | this.place(); |
|---|
| 217 | $(window).on('resize', $.proxy(this.place, this)); |
|---|
| 218 | if (e) { |
|---|
| 219 | e.preventDefault(); |
|---|
| 220 | } |
|---|
| 221 | this.element.trigger({ |
|---|
| 222 | type: 'show', |
|---|
| 223 | date: this.date |
|---|
| 224 | }); |
|---|
| 225 | }, |
|---|
| 226 | |
|---|
| 227 | hide: function(e){ |
|---|
| 228 | if(this.isInline) return; |
|---|
| 229 | if (!this.picker.is(':visible')) return; |
|---|
| 230 | this.picker.hide(); |
|---|
| 231 | $(window).off('resize', this.place); |
|---|
| 232 | this.viewMode = this.startViewMode; |
|---|
| 233 | this.showMode(); |
|---|
| 234 | if (!this.isInput) { |
|---|
| 235 | $(document).off('mousedown', this.hide); |
|---|
| 236 | } |
|---|
| 237 | |
|---|
| 238 | if ( |
|---|
| 239 | this.forceParse && |
|---|
| 240 | ( |
|---|
| 241 | this.isInput && this.element.val() || |
|---|
| 242 | this.hasInput && this.element.find('input').val() |
|---|
| 243 | ) |
|---|
| 244 | ) |
|---|
| 245 | this.setValue(); |
|---|
| 246 | this.element.trigger({ |
|---|
| 247 | type: 'hide', |
|---|
| 248 | date: this.date |
|---|
| 249 | }); |
|---|
| 250 | }, |
|---|
| 251 | |
|---|
| 252 | remove: function() { |
|---|
| 253 | this._detachEvents(); |
|---|
| 254 | this.picker.remove(); |
|---|
| 255 | delete this.element.data().datepicker; |
|---|
| 256 | if (!this.isInput) { |
|---|
| 257 | delete this.element.data().date; |
|---|
| 258 | } |
|---|
| 259 | }, |
|---|
| 260 | |
|---|
| 261 | getDate: function() { |
|---|
| 262 | var d = this.getUTCDate(); |
|---|
| 263 | return new Date(d.getTime() + (d.getTimezoneOffset()*60000)); |
|---|
| 264 | }, |
|---|
| 265 | |
|---|
| 266 | getUTCDate: function() { |
|---|
| 267 | return this.date; |
|---|
| 268 | }, |
|---|
| 269 | |
|---|
| 270 | setDate: function(d) { |
|---|
| 271 | this.setUTCDate(new Date(d.getTime() - (d.getTimezoneOffset()*60000))); |
|---|
| 272 | }, |
|---|
| 273 | |
|---|
| 274 | setUTCDate: function(d) { |
|---|
| 275 | this.date = d; |
|---|
| 276 | this.setValue(); |
|---|
| 277 | }, |
|---|
| 278 | |
|---|
| 279 | setValue: function() { |
|---|
| 280 | var formatted = this.getFormattedDate(); |
|---|
| 281 | if (!this.isInput) { |
|---|
| 282 | if (this.component){ |
|---|
| 283 | this.element.find('input').val(formatted); |
|---|
| 284 | } |
|---|
| 285 | this.element.data('date', formatted); |
|---|
| 286 | } else { |
|---|
| 287 | this.element.val(formatted); |
|---|
| 288 | } |
|---|
| 289 | }, |
|---|
| 290 | |
|---|
| 291 | getFormattedDate: function(format) { |
|---|
| 292 | if (format === undefined) |
|---|
| 293 | format = this.format; |
|---|
| 294 | return DPGlobal.formatDate(this.date, format, this.language); |
|---|
| 295 | }, |
|---|
| 296 | |
|---|
| 297 | setStartDate: function(startDate){ |
|---|
| 298 | this.startDate = startDate||-Infinity; |
|---|
| 299 | if (this.startDate !== -Infinity) { |
|---|
| 300 | this.startDate = DPGlobal.parseDate(this.startDate, this.format, this.language); |
|---|
| 301 | } |
|---|
| 302 | this.update(); |
|---|
| 303 | this.updateNavArrows(); |
|---|
| 304 | }, |
|---|
| 305 | |
|---|
| 306 | setEndDate: function(endDate){ |
|---|
| 307 | this.endDate = endDate||Infinity; |
|---|
| 308 | if (this.endDate !== Infinity) { |
|---|
| 309 | this.endDate = DPGlobal.parseDate(this.endDate, this.format, this.language); |
|---|
| 310 | } |
|---|
| 311 | this.update(); |
|---|
| 312 | this.updateNavArrows(); |
|---|
| 313 | }, |
|---|
| 314 | |
|---|
| 315 | setDaysOfWeekDisabled: function(daysOfWeekDisabled){ |
|---|
| 316 | this.daysOfWeekDisabled = daysOfWeekDisabled||[]; |
|---|
| 317 | if (!$.isArray(this.daysOfWeekDisabled)) { |
|---|
| 318 | this.daysOfWeekDisabled = this.daysOfWeekDisabled.split(/,\s*/); |
|---|
| 319 | } |
|---|
| 320 | this.daysOfWeekDisabled = $.map(this.daysOfWeekDisabled, function (d) { |
|---|
| 321 | return parseInt(d, 10); |
|---|
| 322 | }); |
|---|
| 323 | this.update(); |
|---|
| 324 | this.updateNavArrows(); |
|---|
| 325 | }, |
|---|
| 326 | |
|---|
| 327 | place: function(){ |
|---|
| 328 | if(this.isInline) return; |
|---|
| 329 | var zIndex = parseInt(this.element.parents().filter(function() { |
|---|
| 330 | return $(this).css('z-index') != 'auto'; |
|---|
| 331 | }).first().css('z-index'))+10; |
|---|
| 332 | var offset = this.component ? this.component.parent().offset() : this.element.offset(); |
|---|
| 333 | var height = this.component ? this.component.outerHeight(true) : this.element.outerHeight(true); |
|---|
| 334 | this.picker.css({ |
|---|
| 335 | top: offset.top + height, |
|---|
| 336 | left: offset.left, |
|---|
| 337 | zIndex: zIndex |
|---|
| 338 | }); |
|---|
| 339 | }, |
|---|
| 340 | |
|---|
| 341 | update: function(){ |
|---|
| 342 | var date, fromArgs = false; |
|---|
| 343 | if(arguments && arguments.length && (typeof arguments[0] === 'string' || arguments[0] instanceof Date)) { |
|---|
| 344 | date = arguments[0]; |
|---|
| 345 | fromArgs = true; |
|---|
| 346 | } else { |
|---|
| 347 | date = this.isInput ? this.element.val() : this.element.data('date') || this.element.find('input').val(); |
|---|
| 348 | } |
|---|
| 349 | |
|---|
| 350 | this.date = DPGlobal.parseDate(date, this.format, this.language); |
|---|
| 351 | |
|---|
| 352 | if(fromArgs) this.setValue(); |
|---|
| 353 | |
|---|
| 354 | if (this.date < this.startDate) { |
|---|
| 355 | this.viewDate = new Date(this.startDate); |
|---|
| 356 | } else if (this.date > this.endDate) { |
|---|
| 357 | this.viewDate = new Date(this.endDate); |
|---|
| 358 | } else { |
|---|
| 359 | this.viewDate = new Date(this.date); |
|---|
| 360 | } |
|---|
| 361 | this.fill(); |
|---|
| 362 | }, |
|---|
| 363 | |
|---|
| 364 | fillDow: function(){ |
|---|
| 365 | var dowCnt = this.weekStart, |
|---|
| 366 | html = '<tr>'; |
|---|
| 367 | if(this.calendarWeeks){ |
|---|
| 368 | var cell = '<th class="cw"> </th>'; |
|---|
| 369 | html += cell; |
|---|
| 370 | this.picker.find('.datepicker-days thead tr:first-child').prepend(cell); |
|---|
| 371 | } |
|---|
| 372 | while (dowCnt < this.weekStart + 7) { |
|---|
| 373 | html += '<th class="dow">'+dates[this.language].daysMin[(dowCnt++)%7]+'</th>'; |
|---|
| 374 | } |
|---|
| 375 | html += '</tr>'; |
|---|
| 376 | this.picker.find('.datepicker-days thead').append(html); |
|---|
| 377 | }, |
|---|
| 378 | |
|---|
| 379 | fillMonths: function(){ |
|---|
| 380 | var html = '', |
|---|
| 381 | i = 0; |
|---|
| 382 | while (i < 12) { |
|---|
| 383 | html += '<span class="month">'+dates[this.language].monthsShort[i++]+'</span>'; |
|---|
| 384 | } |
|---|
| 385 | this.picker.find('.datepicker-months td').html(html); |
|---|
| 386 | }, |
|---|
| 387 | |
|---|
| 388 | fill: function() { |
|---|
| 389 | var d = new Date(this.viewDate), |
|---|
| 390 | year = d.getUTCFullYear(), |
|---|
| 391 | month = d.getUTCMonth(), |
|---|
| 392 | startYear = this.startDate !== -Infinity ? this.startDate.getUTCFullYear() : -Infinity, |
|---|
| 393 | startMonth = this.startDate !== -Infinity ? this.startDate.getUTCMonth() : -Infinity, |
|---|
| 394 | endYear = this.endDate !== Infinity ? this.endDate.getUTCFullYear() : Infinity, |
|---|
| 395 | endMonth = this.endDate !== Infinity ? this.endDate.getUTCMonth() : Infinity, |
|---|
| 396 | currentDate = this.date && this.date.valueOf(), |
|---|
| 397 | today = new Date(); |
|---|
| 398 | this.picker.find('.datepicker-days thead th.switch') |
|---|
| 399 | .text(dates[this.language].months[month]+' '+year); |
|---|
| 400 | this.picker.find('tfoot th.today') |
|---|
| 401 | .text(dates[this.language].today) |
|---|
| 402 | .toggle(this.todayBtn !== false); |
|---|
| 403 | this.updateNavArrows(); |
|---|
| 404 | this.fillMonths(); |
|---|
| 405 | var prevMonth = UTCDate(year, month-1, 28,0,0,0,0), |
|---|
| 406 | day = DPGlobal.getDaysInMonth(prevMonth.getUTCFullYear(), prevMonth.getUTCMonth()); |
|---|
| 407 | prevMonth.setUTCDate(day); |
|---|
| 408 | prevMonth.setUTCDate(day - (prevMonth.getUTCDay() - this.weekStart + 7)%7); |
|---|
| 409 | var nextMonth = new Date(prevMonth); |
|---|
| 410 | nextMonth.setUTCDate(nextMonth.getUTCDate() + 42); |
|---|
| 411 | nextMonth = nextMonth.valueOf(); |
|---|
| 412 | var html = []; |
|---|
| 413 | var clsName; |
|---|
| 414 | while(prevMonth.valueOf() < nextMonth) { |
|---|
| 415 | if (prevMonth.getUTCDay() == this.weekStart) { |
|---|
| 416 | html.push('<tr>'); |
|---|
| 417 | if(this.calendarWeeks){ |
|---|
| 418 | // ISO 8601: First week contains first thursday. |
|---|
| 419 | // ISO also states week starts on Monday, but we can be more abstract here. |
|---|
| 420 | var |
|---|
| 421 | // Start of current week: based on weekstart/current date |
|---|
| 422 | ws = new Date(+prevMonth + (this.weekStart - prevMonth.getUTCDay() - 7) % 7 * 864e5), |
|---|
| 423 | // Thursday of this week |
|---|
| 424 | th = new Date(+ws + (7 + 4 - ws.getUTCDay()) % 7 * 864e5), |
|---|
| 425 | // First Thursday of year, year from thursday |
|---|
| 426 | yth = new Date(+(yth = UTCDate(th.getUTCFullYear(), 0, 1)) + (7 + 4 - yth.getUTCDay())%7*864e5), |
|---|
| 427 | // Calendar week: ms between thursdays, div ms per day, div 7 days |
|---|
| 428 | calWeek = (th - yth) / 864e5 / 7 + 1; |
|---|
| 429 | html.push('<td class="cw">'+ calWeek +'</td>'); |
|---|
| 430 | |
|---|
| 431 | } |
|---|
| 432 | } |
|---|
| 433 | clsName = ''; |
|---|
| 434 | if (prevMonth.getUTCFullYear() < year || (prevMonth.getUTCFullYear() == year && prevMonth.getUTCMonth() < month)) { |
|---|
| 435 | clsName += ' old'; |
|---|
| 436 | } else if (prevMonth.getUTCFullYear() > year || (prevMonth.getUTCFullYear() == year && prevMonth.getUTCMonth() > month)) { |
|---|
| 437 | clsName += ' new'; |
|---|
| 438 | } |
|---|
| 439 | // Compare internal UTC date with local today, not UTC today |
|---|
| 440 | if (this.todayHighlight && |
|---|
| 441 | prevMonth.getUTCFullYear() == today.getFullYear() && |
|---|
| 442 | prevMonth.getUTCMonth() == today.getMonth() && |
|---|
| 443 | prevMonth.getUTCDate() == today.getDate()) { |
|---|
| 444 | clsName += ' today'; |
|---|
| 445 | } |
|---|
| 446 | if (currentDate && prevMonth.valueOf() == currentDate) { |
|---|
| 447 | clsName += ' active'; |
|---|
| 448 | } |
|---|
| 449 | if (prevMonth.valueOf() < this.startDate || prevMonth.valueOf() > this.endDate || |
|---|
| 450 | $.inArray(prevMonth.getUTCDay(), this.daysOfWeekDisabled) !== -1) { |
|---|
| 451 | clsName += ' disabled'; |
|---|
| 452 | } |
|---|
| 453 | html.push('<td class="day'+clsName+'">'+prevMonth.getUTCDate() + '</td>'); |
|---|
| 454 | if (prevMonth.getUTCDay() == this.weekEnd) { |
|---|
| 455 | html.push('</tr>'); |
|---|
| 456 | } |
|---|
| 457 | prevMonth.setUTCDate(prevMonth.getUTCDate()+1); |
|---|
| 458 | } |
|---|
| 459 | this.picker.find('.datepicker-days tbody').empty().append(html.join('')); |
|---|
| 460 | var currentYear = this.date && this.date.getUTCFullYear(); |
|---|
| 461 | |
|---|
| 462 | var months = this.picker.find('.datepicker-months') |
|---|
| 463 | .find('th:eq(1)') |
|---|
| 464 | .text(year) |
|---|
| 465 | .end() |
|---|
| 466 | .find('span').removeClass('active'); |
|---|
| 467 | if (currentYear && currentYear == year) { |
|---|
| 468 | months.eq(this.date.getUTCMonth()).addClass('active'); |
|---|
| 469 | } |
|---|
| 470 | if (year < startYear || year > endYear) { |
|---|
| 471 | months.addClass('disabled'); |
|---|
| 472 | } |
|---|
| 473 | if (year == startYear) { |
|---|
| 474 | months.slice(0, startMonth).addClass('disabled'); |
|---|
| 475 | } |
|---|
| 476 | if (year == endYear) { |
|---|
| 477 | months.slice(endMonth+1).addClass('disabled'); |
|---|
| 478 | } |
|---|
| 479 | |
|---|
| 480 | html = ''; |
|---|
| 481 | year = parseInt(year/10, 10) * 10; |
|---|
| 482 | var yearCont = this.picker.find('.datepicker-years') |
|---|
| 483 | .find('th:eq(1)') |
|---|
| 484 | .text(year + '-' + (year + 9)) |
|---|
| 485 | .end() |
|---|
| 486 | .find('td'); |
|---|
| 487 | year -= 1; |
|---|
| 488 | for (var i = -1; i < 11; i++) { |
|---|
| 489 | html += '<span class="year'+(i == -1 || i == 10 ? ' old' : '')+(currentYear == year ? ' active' : '')+(year < startYear || year > endYear ? ' disabled' : '')+'">'+year+'</span>'; |
|---|
| 490 | year += 1; |
|---|
| 491 | } |
|---|
| 492 | yearCont.html(html); |
|---|
| 493 | }, |
|---|
| 494 | |
|---|
| 495 | updateNavArrows: function() { |
|---|
| 496 | var d = new Date(this.viewDate), |
|---|
| 497 | year = d.getUTCFullYear(), |
|---|
| 498 | month = d.getUTCMonth(); |
|---|
| 499 | switch (this.viewMode) { |
|---|
| 500 | case 0: |
|---|
| 501 | if (this.startDate !== -Infinity && year <= this.startDate.getUTCFullYear() && month <= this.startDate.getUTCMonth()) { |
|---|
| 502 | this.picker.find('.prev').css({visibility: 'hidden'}); |
|---|
| 503 | } else { |
|---|
| 504 | this.picker.find('.prev').css({visibility: 'visible'}); |
|---|
| 505 | } |
|---|
| 506 | if (this.endDate !== Infinity && year >= this.endDate.getUTCFullYear() && month >= this.endDate.getUTCMonth()) { |
|---|
| 507 | this.picker.find('.next').css({visibility: 'hidden'}); |
|---|
| 508 | } else { |
|---|
| 509 | this.picker.find('.next').css({visibility: 'visible'}); |
|---|
| 510 | } |
|---|
| 511 | break; |
|---|
| 512 | case 1: |
|---|
| 513 | case 2: |
|---|
| 514 | if (this.startDate !== -Infinity && year <= this.startDate.getUTCFullYear()) { |
|---|
| 515 | this.picker.find('.prev').css({visibility: 'hidden'}); |
|---|
| 516 | } else { |
|---|
| 517 | this.picker.find('.prev').css({visibility: 'visible'}); |
|---|
| 518 | } |
|---|
| 519 | if (this.endDate !== Infinity && year >= this.endDate.getUTCFullYear()) { |
|---|
| 520 | this.picker.find('.next').css({visibility: 'hidden'}); |
|---|
| 521 | } else { |
|---|
| 522 | this.picker.find('.next').css({visibility: 'visible'}); |
|---|
| 523 | } |
|---|
| 524 | break; |
|---|
| 525 | } |
|---|
| 526 | }, |
|---|
| 527 | |
|---|
| 528 | click: function(e) { |
|---|
| 529 | e.preventDefault(); |
|---|
| 530 | var target = $(e.target).closest('span, td, th'); |
|---|
| 531 | if (target.length == 1) { |
|---|
| 532 | switch(target[0].nodeName.toLowerCase()) { |
|---|
| 533 | case 'th': |
|---|
| 534 | switch(target[0].className) { |
|---|
| 535 | case 'switch': |
|---|
| 536 | this.showMode(1); |
|---|
| 537 | break; |
|---|
| 538 | case 'prev': |
|---|
| 539 | case 'next': |
|---|
| 540 | var dir = DPGlobal.modes[this.viewMode].navStep * (target[0].className == 'prev' ? -1 : 1); |
|---|
| 541 | switch(this.viewMode){ |
|---|
| 542 | case 0: |
|---|
| 543 | this.viewDate = this.moveMonth(this.viewDate, dir); |
|---|
| 544 | break; |
|---|
| 545 | case 1: |
|---|
| 546 | case 2: |
|---|
| 547 | this.viewDate = this.moveYear(this.viewDate, dir); |
|---|
| 548 | break; |
|---|
| 549 | } |
|---|
| 550 | this.fill(); |
|---|
| 551 | break; |
|---|
| 552 | case 'today': |
|---|
| 553 | var date = new Date(); |
|---|
| 554 | date = UTCDate(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0); |
|---|
| 555 | |
|---|
| 556 | this.showMode(-2); |
|---|
| 557 | var which = this.todayBtn == 'linked' ? null : 'view'; |
|---|
| 558 | this._setDate(date, which); |
|---|
| 559 | break; |
|---|
| 560 | } |
|---|
| 561 | break; |
|---|
| 562 | case 'span': |
|---|
| 563 | if (!target.is('.disabled')) { |
|---|
| 564 | this.viewDate.setUTCDate(1); |
|---|
| 565 | if (target.is('.month')) { |
|---|
| 566 | var day = 1; |
|---|
| 567 | var month = target.parent().find('span').index(target); |
|---|
| 568 | var year = this.viewDate.getUTCFullYear(); |
|---|
| 569 | this.viewDate.setUTCMonth(month); |
|---|
| 570 | this.element.trigger({ |
|---|
| 571 | type: 'changeMonth', |
|---|
| 572 | date: this.viewDate |
|---|
| 573 | }); |
|---|
| 574 | if ( this.minViewMode == 1 ) { |
|---|
| 575 | this._setDate(UTCDate(year, month, day,0,0,0,0)); |
|---|
| 576 | } |
|---|
| 577 | } else { |
|---|
| 578 | var year = parseInt(target.text(), 10)||0; |
|---|
| 579 | var day = 1; |
|---|
| 580 | var month = 0; |
|---|
| 581 | this.viewDate.setUTCFullYear(year); |
|---|
| 582 | this.element.trigger({ |
|---|
| 583 | type: 'changeYear', |
|---|
| 584 | date: this.viewDate |
|---|
| 585 | }); |
|---|
| 586 | if ( this.minViewMode == 2 ) { |
|---|
| 587 | this._setDate(UTCDate(year, month, day,0,0,0,0)); |
|---|
| 588 | } |
|---|
| 589 | } |
|---|
| 590 | this.showMode(-1); |
|---|
| 591 | this.fill(); |
|---|
| 592 | } |
|---|
| 593 | break; |
|---|
| 594 | case 'td': |
|---|
| 595 | if (target.is('.day') && !target.is('.disabled')){ |
|---|
| 596 | var day = parseInt(target.text(), 10)||1; |
|---|
| 597 | var year = this.viewDate.getUTCFullYear(), |
|---|
| 598 | month = this.viewDate.getUTCMonth(); |
|---|
| 599 | if (target.is('.old')) { |
|---|
| 600 | if (month === 0) { |
|---|
| 601 | month = 11; |
|---|
| 602 | year -= 1; |
|---|
| 603 | } else { |
|---|
| 604 | month -= 1; |
|---|
| 605 | } |
|---|
| 606 | } else if (target.is('.new')) { |
|---|
| 607 | if (month == 11) { |
|---|
| 608 | month = 0; |
|---|
| 609 | year += 1; |
|---|
| 610 | } else { |
|---|
| 611 | month += 1; |
|---|
| 612 | } |
|---|
| 613 | } |
|---|
| 614 | this._setDate(UTCDate(year, month, day,0,0,0,0)); |
|---|
| 615 | } |
|---|
| 616 | break; |
|---|
| 617 | } |
|---|
| 618 | } |
|---|
| 619 | }, |
|---|
| 620 | |
|---|
| 621 | _setDate: function(date, which){ |
|---|
| 622 | if (!which || which == 'date') |
|---|
| 623 | this.date = date; |
|---|
| 624 | if (!which || which == 'view') |
|---|
| 625 | this.viewDate = date; |
|---|
| 626 | this.fill(); |
|---|
| 627 | this.setValue(); |
|---|
| 628 | this.element.trigger({ |
|---|
| 629 | type: 'changeDate', |
|---|
| 630 | date: this.date |
|---|
| 631 | }); |
|---|
| 632 | var element; |
|---|
| 633 | if (this.isInput) { |
|---|
| 634 | element = this.element; |
|---|
| 635 | } else if (this.component){ |
|---|
| 636 | element = this.element.find('input'); |
|---|
| 637 | } |
|---|
| 638 | if (element) { |
|---|
| 639 | element.change(); |
|---|
| 640 | if (this.autoclose && (!which || which == 'date')) { |
|---|
| 641 | this.hide(); |
|---|
| 642 | } |
|---|
| 643 | } |
|---|
| 644 | }, |
|---|
| 645 | |
|---|
| 646 | moveMonth: function(date, dir){ |
|---|
| 647 | if (!dir) return date; |
|---|
| 648 | var new_date = new Date(date.valueOf()), |
|---|
| 649 | day = new_date.getUTCDate(), |
|---|
| 650 | month = new_date.getUTCMonth(), |
|---|
| 651 | mag = Math.abs(dir), |
|---|
| 652 | new_month, test; |
|---|
| 653 | dir = dir > 0 ? 1 : -1; |
|---|
| 654 | if (mag == 1){ |
|---|
| 655 | test = dir == -1 |
|---|
| 656 | // If going back one month, make sure month is not current month |
|---|
| 657 | // (eg, Mar 31 -> Feb 31 == Feb 28, not Mar 02) |
|---|
| 658 | ? function(){ return new_date.getUTCMonth() == month; } |
|---|
| 659 | // If going forward one month, make sure month is as expected |
|---|
| 660 | // (eg, Jan 31 -> Feb 31 == Feb 28, not Mar 02) |
|---|
| 661 | : function(){ return new_date.getUTCMonth() != new_month; }; |
|---|
| 662 | new_month = month + dir; |
|---|
| 663 | new_date.setUTCMonth(new_month); |
|---|
| 664 | // Dec -> Jan (12) or Jan -> Dec (-1) -- limit expected date to 0-11 |
|---|
| 665 | if (new_month < 0 || new_month > 11) |
|---|
| 666 | new_month = (new_month + 12) % 12; |
|---|
| 667 | } else { |
|---|
| 668 | // For magnitudes >1, move one month at a time... |
|---|
| 669 | for (var i=0; i<mag; i++) |
|---|
| 670 | // ...which might decrease the day (eg, Jan 31 to Feb 28, etc)... |
|---|
| 671 | new_date = this.moveMonth(new_date, dir); |
|---|
| 672 | // ...then reset the day, keeping it in the new month |
|---|
| 673 | new_month = new_date.getUTCMonth(); |
|---|
| 674 | new_date.setUTCDate(day); |
|---|
| 675 | test = function(){ return new_month != new_date.getUTCMonth(); }; |
|---|
| 676 | } |
|---|
| 677 | // Common date-resetting loop -- if date is beyond end of month, make it |
|---|
| 678 | // end of month |
|---|
| 679 | while (test()){ |
|---|
| 680 | new_date.setUTCDate(--day); |
|---|
| 681 | new_date.setUTCMonth(new_month); |
|---|
| 682 | } |
|---|
| 683 | return new_date; |
|---|
| 684 | }, |
|---|
| 685 | |
|---|
| 686 | moveYear: function(date, dir){ |
|---|
| 687 | return this.moveMonth(date, dir*12); |
|---|
| 688 | }, |
|---|
| 689 | |
|---|
| 690 | dateWithinRange: function(date){ |
|---|
| 691 | return date >= this.startDate && date <= this.endDate; |
|---|
| 692 | }, |
|---|
| 693 | |
|---|
| 694 | keydown: function(e){ |
|---|
| 695 | if (this.picker.is(':not(:visible)')){ |
|---|
| 696 | if (e.keyCode == 27) // allow escape to hide and re-show picker |
|---|
| 697 | this.show(); |
|---|
| 698 | return; |
|---|
| 699 | } |
|---|
| 700 | var dateChanged = false, |
|---|
| 701 | dir, day, month, |
|---|
| 702 | newDate, newViewDate; |
|---|
| 703 | switch(e.keyCode){ |
|---|
| 704 | case 27: // escape |
|---|
| 705 | this.hide(); |
|---|
| 706 | e.preventDefault(); |
|---|
| 707 | break; |
|---|
| 708 | case 37: // left |
|---|
| 709 | case 39: // right |
|---|
| 710 | if (!this.keyboardNavigation) break; |
|---|
| 711 | dir = e.keyCode == 37 ? -1 : 1; |
|---|
| 712 | if (e.ctrlKey){ |
|---|
| 713 | newDate = this.moveYear(this.date, dir); |
|---|
| 714 | newViewDate = this.moveYear(this.viewDate, dir); |
|---|
| 715 | } else if (e.shiftKey){ |
|---|
| 716 | newDate = this.moveMonth(this.date, dir); |
|---|
| 717 | newViewDate = this.moveMonth(this.viewDate, dir); |
|---|
| 718 | } else { |
|---|
| 719 | newDate = new Date(this.date); |
|---|
| 720 | newDate.setUTCDate(this.date.getUTCDate() + dir); |
|---|
| 721 | newViewDate = new Date(this.viewDate); |
|---|
| 722 | newViewDate.setUTCDate(this.viewDate.getUTCDate() + dir); |
|---|
| 723 | } |
|---|
| 724 | if (this.dateWithinRange(newDate)){ |
|---|
| 725 | this.date = newDate; |
|---|
| 726 | this.viewDate = newViewDate; |
|---|
| 727 | this.setValue(); |
|---|
| 728 | this.update(); |
|---|
| 729 | e.preventDefault(); |
|---|
| 730 | dateChanged = true; |
|---|
| 731 | } |
|---|
| 732 | break; |
|---|
| 733 | case 38: // up |
|---|
| 734 | case 40: // down |
|---|
| 735 | if (!this.keyboardNavigation) break; |
|---|
| 736 | dir = e.keyCode == 38 ? -1 : 1; |
|---|
| 737 | if (e.ctrlKey){ |
|---|
| 738 | newDate = this.moveYear(this.date, dir); |
|---|
| 739 | newViewDate = this.moveYear(this.viewDate, dir); |
|---|
| 740 | } else if (e.shiftKey){ |
|---|
| 741 | newDate = this.moveMonth(this.date, dir); |
|---|
| 742 | newViewDate = this.moveMonth(this.viewDate, dir); |
|---|
| 743 | } else { |
|---|
| 744 | newDate = new Date(this.date); |
|---|
| 745 | newDate.setUTCDate(this.date.getUTCDate() + dir * 7); |
|---|
| 746 | newViewDate = new Date(this.viewDate); |
|---|
| 747 | newViewDate.setUTCDate(this.viewDate.getUTCDate() + dir * 7); |
|---|
| 748 | } |
|---|
| 749 | if (this.dateWithinRange(newDate)){ |
|---|
| 750 | this.date = newDate; |
|---|
| 751 | this.viewDate = newViewDate; |
|---|
| 752 | this.setValue(); |
|---|
| 753 | this.update(); |
|---|
| 754 | e.preventDefault(); |
|---|
| 755 | dateChanged = true; |
|---|
| 756 | } |
|---|
| 757 | break; |
|---|
| 758 | case 13: // enter |
|---|
| 759 | this.hide(); |
|---|
| 760 | e.preventDefault(); |
|---|
| 761 | break; |
|---|
| 762 | case 9: // tab |
|---|
| 763 | this.hide(); |
|---|
| 764 | break; |
|---|
| 765 | } |
|---|
| 766 | if (dateChanged){ |
|---|
| 767 | this.element.trigger({ |
|---|
| 768 | type: 'changeDate', |
|---|
| 769 | date: this.date |
|---|
| 770 | }); |
|---|
| 771 | var element; |
|---|
| 772 | if (this.isInput) { |
|---|
| 773 | element = this.element; |
|---|
| 774 | } else if (this.component){ |
|---|
| 775 | element = this.element.find('input'); |
|---|
| 776 | } |
|---|
| 777 | if (element) { |
|---|
| 778 | element.change(); |
|---|
| 779 | } |
|---|
| 780 | } |
|---|
| 781 | }, |
|---|
| 782 | |
|---|
| 783 | showMode: function(dir) { |
|---|
| 784 | if (dir) { |
|---|
| 785 | this.viewMode = Math.max(this.minViewMode, Math.min(2, this.viewMode + dir)); |
|---|
| 786 | } |
|---|
| 787 | /* |
|---|
| 788 | vitalets: fixing bug of very special conditions: |
|---|
| 789 | jquery 1.7.1 + webkit + show inline datepicker in bootstrap popover. |
|---|
| 790 | Method show() does not set display css correctly and datepicker is not shown. |
|---|
| 791 | Changed to .css('display', 'block') solve the problem. |
|---|
| 792 | See https://github.com/vitalets/x-editable/issues/37 |
|---|
| 793 | |
|---|
| 794 | In jquery 1.7.2+ everything works fine. |
|---|
| 795 | */ |
|---|
| 796 | //this.picker.find('>div').hide().filter('.datepicker-'+DPGlobal.modes[this.viewMode].clsName).show(); |
|---|
| 797 | this.picker.find('>div').hide().filter('.datepicker-'+DPGlobal.modes[this.viewMode].clsName).css('display', 'block'); |
|---|
| 798 | this.updateNavArrows(); |
|---|
| 799 | } |
|---|
| 800 | }; |
|---|
| 801 | |
|---|
| 802 | $.fn.datepicker = function ( option ) { |
|---|
| 803 | var args = Array.apply(null, arguments); |
|---|
| 804 | args.shift(); |
|---|
| 805 | return this.each(function () { |
|---|
| 806 | var $this = $(this), |
|---|
| 807 | data = $this.data('datepicker'), |
|---|
| 808 | options = typeof option == 'object' && option; |
|---|
| 809 | if (!data) { |
|---|
| 810 | $this.data('datepicker', (data = new Datepicker(this, $.extend({}, $.fn.datepicker.defaults,options)))); |
|---|
| 811 | } |
|---|
| 812 | if (typeof option == 'string' && typeof data[option] == 'function') { |
|---|
| 813 | data[option].apply(data, args); |
|---|
| 814 | } |
|---|
| 815 | }); |
|---|
| 816 | }; |
|---|
| 817 | |
|---|
| 818 | $.fn.datepicker.defaults = { |
|---|
| 819 | }; |
|---|
| 820 | $.fn.datepicker.Constructor = Datepicker; |
|---|
| 821 | var dates = $.fn.datepicker.dates = { |
|---|
| 822 | en: { |
|---|
| 823 | days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"], |
|---|
| 824 | daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], |
|---|
| 825 | daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"], |
|---|
| 826 | months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], |
|---|
| 827 | monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], |
|---|
| 828 | today: "Today" |
|---|
| 829 | } |
|---|
| 830 | }; |
|---|
| 831 | |
|---|
| 832 | var DPGlobal = { |
|---|
| 833 | modes: [ |
|---|
| 834 | { |
|---|
| 835 | clsName: 'days', |
|---|
| 836 | navFnc: 'Month', |
|---|
| 837 | navStep: 1 |
|---|
| 838 | }, |
|---|
| 839 | { |
|---|
| 840 | clsName: 'months', |
|---|
| 841 | navFnc: 'FullYear', |
|---|
| 842 | navStep: 1 |
|---|
| 843 | }, |
|---|
| 844 | { |
|---|
| 845 | clsName: 'years', |
|---|
| 846 | navFnc: 'FullYear', |
|---|
| 847 | navStep: 10 |
|---|
| 848 | }], |
|---|
| 849 | isLeapYear: function (year) { |
|---|
| 850 | return (((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0)); |
|---|
| 851 | }, |
|---|
| 852 | getDaysInMonth: function (year, month) { |
|---|
| 853 | return [31, (DPGlobal.isLeapYear(year) ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month]; |
|---|
| 854 | }, |
|---|
| 855 | validParts: /dd?|DD?|mm?|MM?|yy(?:yy)?/g, |
|---|
| 856 | nonpunctuation: /[^ -\/:-@\[\u3400-\u9fff-`{-~\t\n\r]+/g, |
|---|
| 857 | parseFormat: function(format){ |
|---|
| 858 | // IE treats \0 as a string end in inputs (truncating the value), |
|---|
| 859 | // so it's a bad format delimiter, anyway |
|---|
| 860 | var separators = format.replace(this.validParts, '\0').split('\0'), |
|---|
| 861 | parts = format.match(this.validParts); |
|---|
| 862 | if (!separators || !separators.length || !parts || parts.length === 0){ |
|---|
| 863 | throw new Error("Invalid date format."); |
|---|
| 864 | } |
|---|
| 865 | return {separators: separators, parts: parts}; |
|---|
| 866 | }, |
|---|
| 867 | parseDate: function(date, format, language) { |
|---|
| 868 | if (date instanceof Date) return date; |
|---|
| 869 | if (/^[\-+]\d+[dmwy]([\s,]+[\-+]\d+[dmwy])*$/.test(date)) { |
|---|
| 870 | var part_re = /([\-+]\d+)([dmwy])/, |
|---|
| 871 | parts = date.match(/([\-+]\d+)([dmwy])/g), |
|---|
| 872 | part, dir; |
|---|
| 873 | date = new Date(); |
|---|
| 874 | for (var i=0; i<parts.length; i++) { |
|---|
| 875 | part = part_re.exec(parts[i]); |
|---|
| 876 | dir = parseInt(part[1]); |
|---|
| 877 | switch(part[2]){ |
|---|
| 878 | case 'd': |
|---|
| 879 | date.setUTCDate(date.getUTCDate() + dir); |
|---|
| 880 | break; |
|---|
| 881 | case 'm': |
|---|
| 882 | date = Datepicker.prototype.moveMonth.call(Datepicker.prototype, date, dir); |
|---|
| 883 | break; |
|---|
| 884 | case 'w': |
|---|
| 885 | date.setUTCDate(date.getUTCDate() + dir * 7); |
|---|
| 886 | break; |
|---|
| 887 | case 'y': |
|---|
| 888 | date = Datepicker.prototype.moveYear.call(Datepicker.prototype, date, dir); |
|---|
| 889 | break; |
|---|
| 890 | } |
|---|
| 891 | } |
|---|
| 892 | return UTCDate(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), 0, 0, 0); |
|---|
| 893 | } |
|---|
| 894 | var parts = date && date.match(this.nonpunctuation) || [], |
|---|
| 895 | date = new Date(), |
|---|
| 896 | parsed = {}, |
|---|
| 897 | setters_order = ['yyyy', 'yy', 'M', 'MM', 'm', 'mm', 'd', 'dd'], |
|---|
| 898 | setters_map = { |
|---|
| 899 | yyyy: function(d,v){ return d.setUTCFullYear(v); }, |
|---|
| 900 | yy: function(d,v){ return d.setUTCFullYear(2000+v); }, |
|---|
| 901 | m: function(d,v){ |
|---|
| 902 | v -= 1; |
|---|
| 903 | while (v<0) v += 12; |
|---|
| 904 | v %= 12; |
|---|
| 905 | d.setUTCMonth(v); |
|---|
| 906 | while (d.getUTCMonth() != v) |
|---|
| 907 | d.setUTCDate(d.getUTCDate()-1); |
|---|
| 908 | return d; |
|---|
| 909 | }, |
|---|
| 910 | d: function(d,v){ return d.setUTCDate(v); } |
|---|
| 911 | }, |
|---|
| 912 | val, filtered, part; |
|---|
| 913 | setters_map['M'] = setters_map['MM'] = setters_map['mm'] = setters_map['m']; |
|---|
| 914 | setters_map['dd'] = setters_map['d']; |
|---|
| 915 | date = UTCDate(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0); |
|---|
| 916 | var fparts = format.parts.slice(); |
|---|
| 917 | // Remove noop parts |
|---|
| 918 | if (parts.length != fparts.length) { |
|---|
| 919 | fparts = $(fparts).filter(function(i,p){ |
|---|
| 920 | return $.inArray(p, setters_order) !== -1; |
|---|
| 921 | }).toArray(); |
|---|
| 922 | } |
|---|
| 923 | // Process remainder |
|---|
| 924 | if (parts.length == fparts.length) { |
|---|
| 925 | for (var i=0, cnt = fparts.length; i < cnt; i++) { |
|---|
| 926 | val = parseInt(parts[i], 10); |
|---|
| 927 | part = fparts[i]; |
|---|
| 928 | if (isNaN(val)) { |
|---|
| 929 | switch(part) { |
|---|
| 930 | case 'MM': |
|---|
| 931 | filtered = $(dates[language].months).filter(function(){ |
|---|
| 932 | var m = this.slice(0, parts[i].length), |
|---|
| 933 | p = parts[i].slice(0, m.length); |
|---|
| 934 | return m == p; |
|---|
| 935 | }); |
|---|
| 936 | val = $.inArray(filtered[0], dates[language].months) + 1; |
|---|
| 937 | break; |
|---|
| 938 | case 'M': |
|---|
| 939 | filtered = $(dates[language].monthsShort).filter(function(){ |
|---|
| 940 | var m = this.slice(0, parts[i].length), |
|---|
| 941 | p = parts[i].slice(0, m.length); |
|---|
| 942 | return m == p; |
|---|
| 943 | }); |
|---|
| 944 | val = $.inArray(filtered[0], dates[language].monthsShort) + 1; |
|---|
| 945 | break; |
|---|
| 946 | } |
|---|
| 947 | } |
|---|
| 948 | parsed[part] = val; |
|---|
| 949 | } |
|---|
| 950 | for (var i=0, s; i<setters_order.length; i++){ |
|---|
| 951 | s = setters_order[i]; |
|---|
| 952 | if (s in parsed && !isNaN(parsed[s])) |
|---|
| 953 | setters_map[s](date, parsed[s]); |
|---|
| 954 | } |
|---|
| 955 | } |
|---|
| 956 | return date; |
|---|
| 957 | }, |
|---|
| 958 | formatDate: function(date, format, language){ |
|---|
| 959 | var val = { |
|---|
| 960 | d: date.getUTCDate(), |
|---|
| 961 | D: dates[language].daysShort[date.getUTCDay()], |
|---|
| 962 | DD: dates[language].days[date.getUTCDay()], |
|---|
| 963 | m: date.getUTCMonth() + 1, |
|---|
| 964 | M: dates[language].monthsShort[date.getUTCMonth()], |
|---|
| 965 | MM: dates[language].months[date.getUTCMonth()], |
|---|
| 966 | yy: date.getUTCFullYear().toString().substring(2), |
|---|
| 967 | yyyy: date.getUTCFullYear() |
|---|
| 968 | }; |
|---|
| 969 | val.dd = (val.d < 10 ? '0' : '') + val.d; |
|---|
| 970 | val.mm = (val.m < 10 ? '0' : '') + val.m; |
|---|
| 971 | var date = [], |
|---|
| 972 | seps = $.extend([], format.separators); |
|---|
| 973 | for (var i=0, cnt = format.parts.length; i < cnt; i++) { |
|---|
| 974 | if (seps.length) |
|---|
| 975 | date.push(seps.shift()); |
|---|
| 976 | date.push(val[format.parts[i]]); |
|---|
| 977 | } |
|---|
| 978 | return date.join(''); |
|---|
| 979 | }, |
|---|
| 980 | headTemplate: '<thead>'+ |
|---|
| 981 | '<tr>'+ |
|---|
| 982 | '<th class="prev"><i class="icon-arrow-left"/></th>'+ |
|---|
| 983 | '<th colspan="5" class="switch"></th>'+ |
|---|
| 984 | '<th class="next"><i class="icon-arrow-right"/></th>'+ |
|---|
| 985 | '</tr>'+ |
|---|
| 986 | '</thead>', |
|---|
| 987 | contTemplate: '<tbody><tr><td colspan="7"></td></tr></tbody>', |
|---|
| 988 | footTemplate: '<tfoot><tr><th colspan="7" class="today"></th></tr></tfoot>' |
|---|
| 989 | }; |
|---|
| 990 | DPGlobal.template = '<div class="datepicker">'+ |
|---|
| 991 | '<div class="datepicker-days">'+ |
|---|
| 992 | '<table class=" table-condensed">'+ |
|---|
| 993 | DPGlobal.headTemplate+ |
|---|
| 994 | '<tbody></tbody>'+ |
|---|
| 995 | DPGlobal.footTemplate+ |
|---|
| 996 | '</table>'+ |
|---|
| 997 | '</div>'+ |
|---|
| 998 | '<div class="datepicker-months">'+ |
|---|
| 999 | '<table class="table-condensed">'+ |
|---|
| 1000 | DPGlobal.headTemplate+ |
|---|
| 1001 | DPGlobal.contTemplate+ |
|---|
| 1002 | DPGlobal.footTemplate+ |
|---|
| 1003 | '</table>'+ |
|---|
| 1004 | '</div>'+ |
|---|
| 1005 | '<div class="datepicker-years">'+ |
|---|
| 1006 | '<table class="table-condensed">'+ |
|---|
| 1007 | DPGlobal.headTemplate+ |
|---|
| 1008 | DPGlobal.contTemplate+ |
|---|
| 1009 | DPGlobal.footTemplate+ |
|---|
| 1010 | '</table>'+ |
|---|
| 1011 | '</div>'+ |
|---|
| 1012 | '</div>'; |
|---|
| 1013 | |
|---|
| 1014 | $.fn.datepicker.DPGlobal = DPGlobal; |
|---|
| 1015 | |
|---|
| 1016 | }( window.jQuery ); |
|---|
![(please configure the [header_logo] section in trac.ini)](/space/chrome/site/your_project_logo.png){kind=logo}
