zebra-datepicker-rails 1.9.5 → 1.9.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. checksums.yaml +5 -5
  2. data/Rakefile +10 -9
  3. data/lib/zebra-datepicker-rails/version.rb +1 -1
  4. data/vendor/assets/images/zebra-datepicker/bootstrap/icons.png +0 -0
  5. data/vendor/assets/images/zebra-datepicker/default/icons.png +0 -0
  6. data/vendor/assets/images/zebra-datepicker/metallic/icons.png +0 -0
  7. data/vendor/assets/javascripts/zebra-datepicker/zebra_datepicker.js +3690 -1
  8. data/vendor/assets/stylesheets/zebra-datepicker/bootstrap.scss +168 -91
  9. data/vendor/assets/stylesheets/zebra-datepicker/default.scss +203 -98
  10. data/vendor/assets/stylesheets/zebra-datepicker/metallic.scss +201 -102
  11. metadata +6 -10
  12. data/vendor/assets/images/zebra-datepicker/calendar-disabled.png +0 -0
  13. data/vendor/assets/images/zebra-datepicker/calendar.png +0 -0
  14. data/vendor/assets/images/zebra-datepicker/metallic/default-date.png +0 -0
  15. data/vendor/assets/images/zebra-datepicker/metallic/disabled-date.png +0 -0
  16. data/vendor/assets/images/zebra-datepicker/metallic/header.png +0 -0
  17. data/vendor/assets/images/zebra-datepicker/metallic/selected-date.png +0 -0
  18. data/vendor/assets/javascripts/zebra-datepicker/zebra_datepicker.src.js +0 -3229
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
- SHA1:
3
- metadata.gz: a77bd1eb0c0a1dcd5ed11abbaa57590863a3e0be
4
- data.tar.gz: 35745f4232c07389409729121a0e6a648ee305c2
2
+ SHA256:
3
+ metadata.gz: d6273b6b21ad75b9b6225fc2965a7c8a8785cb1a66879e3addc9884bd30ea1df
4
+ data.tar.gz: 8f8629963e0daac76127243e7c27d53a9a2d5d4f1cf3335f859f33b3e55b3a59
5
5
  SHA512:
6
- metadata.gz: 2a646b12d55c5109a20ff312e8ed40d1c7544982a17cb1262bca13d23e2403d3d0806471124dc4eeddb44825c042bdbbdd0348fc87c4d218339bf2b2b8e51e48
7
- data.tar.gz: 8c34aa6784f24a8cd36e5790534cfd5ecc2010a3e33db8afaf5b77ef4704aacace6dde1fdb4cb5e29bdef1e8c120bc2f442a06ec72b336b3358480453623eb81
6
+ metadata.gz: 98d73cad37adfb4db95f145c10e9c506a4069476dbb750658b0d54e08e53d4b2f4fbf11f00d61cf5112e147959fcad2af7218a705b4b6192e7794eed3039f703
7
+ data.tar.gz: 274d1a1966d1516d2c2d522199853ce993e6915062f0273098de9fbdee06ed2887dd1adfb297d6e2c41a2b12b658f5fdaa4abafd6ec5784fe38146aa75f76ff9
data/Rakefile CHANGED
@@ -4,7 +4,8 @@ desc "Change css url calls to use sass-rails' asset-url"
4
4
  task :change_css_url do
5
5
  Dir.chdir('vendor/assets/stylesheets/zebra-datepicker/')
6
6
  Dir.glob('*.scss').each do |filename|
7
- content = File.read(filename).gsub!(" url('../images/", " asset-url('zebra-datepicker/")
7
+ template = File.basename(filename, '.scss')
8
+ content = File.read(filename).gsub!(' url("', ' asset-url("zebra-datepicker/' + template + '/')
8
9
  file = File.open(filename, 'w')
9
10
  file.write(content)
10
11
  file.close
@@ -14,17 +15,17 @@ end
14
15
  desc 'Copy Assets from Zebra_Datepicker'
15
16
  task :copy do
16
17
  {
17
- 'public/css/bootstrap.css' => 'vendor/assets/stylesheets/zebra-datepicker/bootstrap.scss',
18
- 'public/css/default.css' => 'vendor/assets/stylesheets/zebra-datepicker/default.scss',
19
- 'public/css/metallic.css' => 'vendor/assets/stylesheets/zebra-datepicker/metallic.scss',
18
+ 'dist/css/bootstrap/zebra_datepicker.css' => 'vendor/assets/stylesheets/zebra-datepicker/bootstrap.scss',
19
+ 'dist/css/default/zebra_datepicker.css' => 'vendor/assets/stylesheets/zebra-datepicker/default.scss',
20
+ 'dist/css/metallic/zebra_datepicker.css' => 'vendor/assets/stylesheets/zebra-datepicker/metallic.scss',
20
21
 
21
- 'public/images/metallic/' => 'vendor/assets/images/zebra-datepicker/',
22
- 'public/images/calendar-disabled.png' => 'vendor/assets/images/zebra-datepicker/',
23
- 'public/images/calendar.png' => 'vendor/assets/images/zebra-datepicker/',
22
+ 'dist/css/bootstrap/icons.png' => 'vendor/assets/images/zebra-datepicker/bootstrap/icons.png',
23
+ 'dist/css/default/icons.png' => 'vendor/assets/images/zebra-datepicker/default/icons.png',
24
+ 'dist/css/metallic/icons.png' => 'vendor/assets/images/zebra-datepicker/metallic/icons.png',
24
25
 
25
- 'public/javascript/zebra_datepicker.js' => 'vendor/assets/javascripts/zebra-datepicker/',
26
- 'public/javascript/zebra_datepicker.src.js' => 'vendor/assets/javascripts/zebra-datepicker/'
26
+ 'dist/zebra_datepicker.src.js' => 'vendor/assets/javascripts/zebra-datepicker/zebra_datepicker.js'
27
27
  }.each do |src, dest|
28
+ FileUtils.mkdir_p File.dirname(dest)
28
29
  FileUtils.cp_r("Zebra_Datepicker/#{src}", dest)
29
30
  end
30
31
  end
data/lib/zebra-datepicker-rails/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  module ZebraDatepickerRails
2
2
  module Rails
3
- VERSION = "1.9.5"
3
+ VERSION = "1.9.7"
4
4
  end
5
5
  end
data/vendor/assets/javascripts/zebra-datepicker/zebra_datepicker.js CHANGED
@@ -1 +1,3690 @@
1
- !function(a){"use strict";"function"==typeof define&&define.amd?define(["jquery"],a):a("object"==typeof exports?require("jquery"):jQuery)}(function(a){"use strict";a.Zebra_DatePicker=function(b,c){var d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q={always_visible:!1,container:a("body"),custom_classes:!1,days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],days_abbr:!1,default_position:"above",direction:0,disabled_dates:!1,enabled_dates:!1,first_day_of_week:1,format:"Y-m-d",header_captions:{days:"F, Y",months:"Y",years:"Y1 - Y2"},header_navigation:["&#171;","&#187;"],icon_position:"right",inside:!0,lang_clear_date:"Clear date",months:["January","February","March","April","May","June","July","August","September","October","November","December"],months_abbr:!1,offset:[5,-5],open_icon_only:!1,pair:!1,readonly_element:!0,select_other_months:!1,show_clear_date:0,show_icon:!0,show_other_months:!0,show_select_today:"Today",show_week_number:!1,start_date:!1,strict:!1,view:"days",weekend_days:[0,6],zero_pad:!1,onChange:null,onClear:null,onOpen:null,onClose:null,onSelect:null},R={},S=this;S.settings={};var T=a(b),U=function(b){if(N=Math.floor(65536*(1+Math.random())).toString(16),!b){S.settings=a.extend({},Q,c),R.readonly=T.attr("readonly"),R.style=T.attr("style");for(var y in T.data())0===y.indexOf("zdp_")&&(y=y.replace(/^zdp\_/,""),void 0!==Q[y]&&(S.settings[y]="pair"==y?a(T.data("zdp_"+y)):T.data("zdp_"+y)))}S.settings.readonly_element&&T.attr("readonly","readonly");var E={days:["d","j","D"],months:["F","m","M","n","t"],years:["o","Y","y"]},F=!1,G=!1,U=!1,X=null;for(X in E)a.each(E[X],function(a,b){S.settings.format.indexOf(b)>-1&&("days"==X?F=!0:"months"==X?G=!0:"years"==X&&(U=!0))});H=F&&G&&U?["years","months","days"]:!F&&G&&U?["years","months"]:F&&G&&!U?["months","days"]:F||G||!U?F||!G||U?["years","months","days"]:["months"]:["years"],-1==a.inArray(S.settings.view,H)&&(S.settings.view=H[H.length-1]),x=[],w=[],O={},P=[];var Y;for(var Z in S.settings.custom_classes)S.settings.custom_classes.hasOwnProperty(Z)&&P.push(Z);for(var $=0;$<2+P.length;$++)Y=0===$?S.settings.disabled_dates:1==$?S.settings.enabled_dates:S.settings.custom_classes[P[$-2]],a.isArray(Y)&&Y.length>0&&a.each(Y,function(){for(var b=this.split(" "),c=0;4>c;c++){b[c]||(b[c]="*"),b[c]=b[c].indexOf(",")>-1?b[c].split(","):new Array(b[c]);for(var d=0;d<b[c].length;d++)if(b[c][d].indexOf("-")>-1){var e=b[c][d].match(/^([0-9]+)\-([0-9]+)/);if(null!==e){for(var f=ja(e[1]);f<=ja(e[2]);f++)-1==a.inArray(f,b[c])&&b[c].push(f+"");b[c].splice(d,1)}}for(d=0;d<b[c].length;d++)b[c][d]=isNaN(ja(b[c][d]))?b[c][d]:ja(b[c][d])}0===$?x.push(b):1==$?w.push(b):(void 0===O[P[$-2]]&&(O[P[$-2]]=[]),O[P[$-2]].push(b))});var _,aa,ba=new Date,ea=S.settings.reference_date?S.settings.reference_date:T.data("zdp_reference_date")&&void 0!==T.data("zdp_reference_date")?T.data("zdp_reference_date"):ba;if(z=void 0,A=void 0,o=ea.getMonth(),l=ba.getMonth(),p=ea.getFullYear(),m=ba.getFullYear(),q=ea.getDate(),n=ba.getDate(),S.settings.direction===!0)z=ea;else if(S.settings.direction===!1)A=ea,D=A.getMonth(),C=A.getFullYear(),B=A.getDate();else if(!a.isArray(S.settings.direction)&&da(S.settings.direction)&&ja(S.settings.direction)>0||a.isArray(S.settings.direction)&&((_=V(S.settings.direction[0]))||S.settings.direction[0]===!0||da(S.settings.direction[0])&&S.settings.direction[0]>0)&&((aa=V(S.settings.direction[1]))||S.settings.direction[1]===!1||da(S.settings.direction[1])&&S.settings.direction[1]>=0))z=_?_:new Date(p,o,q+ja(a.isArray(S.settings.direction)?S.settings.direction[0]===!0?0:S.settings.direction[0]:S.settings.direction)),o=z.getMonth(),p=z.getFullYear(),q=z.getDate(),aa&&+aa>=+z?A=aa:!aa&&S.settings.direction[1]!==!1&&a.isArray(S.settings.direction)&&(A=new Date(p,o,q+ja(S.settings.direction[1]))),A&&(D=A.getMonth(),C=A.getFullYear(),B=A.getDate());else if(!a.isArray(S.settings.direction)&&da(S.settings.direction)&&ja(S.settings.direction)<0||a.isArray(S.settings.direction)&&(S.settings.direction[0]===!1||da(S.settings.direction[0])&&S.settings.direction[0]<0)&&((_=V(S.settings.direction[1]))||da(S.settings.direction[1])&&S.settings.direction[1]>=0))A=new Date(p,o,q+ja(a.isArray(S.settings.direction)?S.settings.direction[0]===!1?0:S.settings.direction[0]:S.settings.direction)),D=A.getMonth(),C=A.getFullYear(),B=A.getDate(),_&&+A>+_?z=_:!_&&a.isArray(S.settings.direction)&&(z=new Date(C,D,B-ja(S.settings.direction[1]))),z&&(o=z.getMonth(),p=z.getFullYear(),q=z.getDate());else if(a.isArray(S.settings.disabled_dates)&&S.settings.disabled_dates.length>0)for(var ha in x)if("*"==x[ha][0]&&"*"==x[ha][1]&&"*"==x[ha][2]&&"*"==x[ha][3]){var la=[];if(a.each(w,function(){var a=this;"*"!=a[2][0]&&la.push(parseInt(a[2][0]+("*"==a[1][0]?"12":ia(a[1][0],2))+("*"==a[0][0]?"*"==a[1][0]?"31":new Date(a[2][0],a[1][0],0).getDate():ia(a[0][0],2)),10))}),la.sort(),la.length>0){var na=(la[0]+"").match(/([0-9]{4})([0-9]{2})([0-9]{2})/);p=parseInt(na[1],10),o=parseInt(na[2],10)-1,q=parseInt(na[3],10)}break}if(ca(p,o,q)){for(;ca(p);)z?(p++,o=0):(p--,o=11);for(;ca(p,o);)z?(o++,q=1):(o--,q=new Date(p,o+1,0).getDate()),o>11?(p++,o=0,q=1):0>o&&(p--,o=11,q=new Date(p,o+1,0).getDate());for(;ca(p,o,q);)z?q++:q--,ba=new Date(p,o,q),p=ba.getFullYear(),o=ba.getMonth(),q=ba.getDate();ba=new Date(p,o,q),p=ba.getFullYear(),o=ba.getMonth(),q=ba.getDate()}var oa=V(T.val()||(S.settings.start_date?S.settings.start_date:""));if(oa&&S.settings.strict&&ca(oa.getFullYear(),oa.getMonth(),oa.getDate())&&T.val(""),b||void 0===z&&void 0===oa||ka(void 0!==oa?oa:z),!S.settings.always_visible){if(!b){if(S.settings.show_icon){"firefox"==ma.name&&T.is('input[type="text"]')&&"inline"==T.css("display")&&T.css("display","inline-block");var pa=a('<span class="Zebra_DatePicker_Icon_Wrapper"></span>').css({display:T.css("display"),position:"static"==T.css("position")?"relative":T.css("position"),"float":T.css("float"),top:T.css("top"),right:T.css("right"),bottom:T.css("bottom"),left:T.css("left")});"block"==T.css("display")&&pa.css("width",T.outerWidth(!0)),T.wrap(pa).css({position:"relative",top:"auto",right:"auto",bottom:"auto",left:"auto"}),f=a('<button type="button" class="Zebra_DatePicker_Icon'+("disabled"==T.attr("disabled")?" Zebra_DatePicker_Icon_Disabled":"")+'">Pick a date</button>'),S.icon=f,I=S.settings.open_icon_only?f:f.add(T)}else I=T;I.bind("click.Zebra_DatePicker_"+N,function(a){a.preventDefault(),T.attr("disabled")||(e.hasClass("dp_visible")?S.hide():S.show())}),!S.settings.readonly_element&&S.settings.pair&&T.bind("blur.Zebra_DatePicker_"+N,function(){var b;(b=V(a(this).val()))&&!ca(b.getFullYear(),b.getMonth(),b.getDate())&&ka(b)}),void 0!==f&&f.insertAfter(T)}if(void 0!==f){f.attr("style",""),S.settings.inside&&f.addClass("Zebra_DatePicker_Icon_Inside_"+("right"==S.settings.icon_position?"Right":"Left"));var qa=T.outerWidth(),ra=T.outerHeight(),sa=parseInt(T.css("marginLeft"),10)||0,ta=parseInt(T.css("marginTop"),10)||0,ua=(f.outerWidth(),f.outerHeight()),va=parseInt(f.css("marginLeft"),10)||0;parseInt(f.css("marginRight"),10)||0;S.settings.inside?(f.css("top",ta+(ra-ua)/2),"right"==S.settings.icon_position?f.css("right",0):f.css("left",0)):f.css({top:ta+(ra-ua)/2,left:sa+qa+va}),f.removeClass(" Zebra_DatePicker_Icon_Disabled"),"disabled"==T.attr("disabled")&&f.addClass("Zebra_DatePicker_Icon_Disabled")}}if(L=S.settings.show_select_today!==!1&&a.inArray("days",H)>-1&&!ca(m,l,n)?S.settings.show_select_today:!1,b)return a(".dp_previous",e).html(S.settings.header_navigation[0]),a(".dp_next",e).html(S.settings.header_navigation[1]),a(".dp_clear",e).html(S.settings.lang_clear_date),void a(".dp_today",e).html(S.settings.show_select_today);a(window).bind("resize.Zebra_DatePicker_"+N+", orientationchange.Zebra_DatePicker_"+N,function(){S.hide(),void 0!==f&&(clearTimeout(M),M=setTimeout(function(){S.update()},100))});var wa='<div class="Zebra_DatePicker"><table class="dp_header"><tr><td class="dp_previous">'+S.settings.header_navigation[0]+'</td><td class="dp_caption">&#032;</td><td class="dp_next">'+S.settings.header_navigation[1]+'</td></tr></table><table class="dp_daypicker"></table><table class="dp_monthpicker"></table><table class="dp_yearpicker"></table><table class="dp_footer"><tr><td class="dp_today"'+(S.settings.show_clear_date!==!1?' style="width:50%"':"")+">"+L+'</td><td class="dp_clear"'+(L!==!1?' style="width:50%"':"")+">"+S.settings.lang_clear_date+"</td></tr></table></div>";e=a(wa),S.datepicker=e,g=a("table.dp_header",e),h=a("table.dp_daypicker",e),i=a("table.dp_monthpicker",e),j=a("table.dp_yearpicker",e),K=a("table.dp_footer",e),J=a("td.dp_today",K),k=a("td.dp_clear",K),S.settings.always_visible?T.attr("disabled")||(S.settings.always_visible.append(e),S.show()):S.settings.container.append(e),e.delegate("td:not(.dp_disabled, .dp_weekend_disabled, .dp_not_in_month, .dp_week_number)","mouseover",function(){a(this).addClass("dp_hover")}).delegate("td:not(.dp_disabled, .dp_weekend_disabled, .dp_not_in_month, .dp_week_number)","mouseout",function(){a(this).removeClass("dp_hover")}),W(a("td",g)),a(".dp_previous",g).bind("click",function(){"months"==d?s--:"years"==d?s-=12:--r<0&&(r=11,s--),fa()}),a(".dp_caption",g).bind("click",function(){d="days"==d?a.inArray("months",H)>-1?"months":a.inArray("years",H)>-1?"years":"days":"months"==d?a.inArray("years",H)>-1?"years":a.inArray("days",H)>-1?"days":"months":a.inArray("days",H)>-1?"days":a.inArray("months",H)>-1?"months":"years",fa()}),a(".dp_next",g).bind("click",function(){"months"==d?s++:"years"==d?s+=12:12==++r&&(r=0,s++),fa()}),h.delegate("td:not(.dp_disabled, .dp_weekend_disabled, .dp_not_in_month, .dp_week_number)","click",function(){S.settings.select_other_months&&a(this).attr("class")&&null!==(na=a(this).attr("class").match(/date\_([0-9]{4})(0[1-9]|1[012])(0[1-9]|[12][0-9]|3[01])/))?ga(na[1],na[2]-1,na[3],"days",a(this)):ga(s,r,ja(a(this).html()),"days",a(this))}),i.delegate("td:not(.dp_disabled)","click",function(){var b=a(this).attr("class").match(/dp\_month\_([0-9]+)/);r=ja(b[1]),-1==a.inArray("days",H)?ga(s,r,1,"months",a(this)):(d="days",S.settings.always_visible&&T.val(""),fa())}),j.delegate("td:not(.dp_disabled)","click",function(){s=ja(a(this).html()),-1==a.inArray("months",H)?ga(s,1,1,"years",a(this)):(d="months",S.settings.always_visible&&T.val(""),fa())}),a(J).bind("click",function(b){b.preventDefault(),ga(m,l,n,"days",a(".dp_current",h)),S.settings.always_visible&&S.show(),S.hide()}),a(k).bind("click",function(b){b.preventDefault(),T.val(""),S.settings.always_visible?(t=null,u=null,v=null,a("td.dp_selected",e).removeClass("dp_selected")):(t=null,u=null,v=null,r=null,s=null),S.hide(),S.settings.onClear&&"function"==typeof S.settings.onClear&&S.settings.onClear.call(T,T)}),S.settings.always_visible||(a(document).bind("mousedown.Zebra_DatePicker_"+N+", touchstart.Zebra_DatePicker_"+N,function(b){if(e.hasClass("dp_visible")){if(S.settings.show_icon&&a(b.target).get(0)===f.get(0))return!0;0===a(b.target).parents().filter(".Zebra_DatePicker").length&&S.hide()}}),a(document).bind("keyup.Zebra_DatePicker_"+N,function(a){e.hasClass("dp_visible")&&27==a.which&&S.hide()})),fa()};S.clear_date=function(){a(k).trigger("click")},S.destroy=function(){void 0!==S.icon&&S.icon.remove(),S.datepicker.remove(),S.settings.show_icon&&!S.settings.always_visible&&T.unwrap(),T.unbind("click.Zebra_DatePicker_"+N),T.unbind("blur.Zebra_DatePicker_"+N),a(document).unbind("keyup.Zebra_DatePicker_"+N),a(document).unbind("mousedown.Zebra_DatePicker_"+N),a(window).unbind("resize.Zebra_DatePicker_"+N),a(window).unbind("orientationchange.Zebra_DatePicker_"+N),T.removeData("Zebra_DatePicker"),T.attr("readonly",R.readonly?!0:!1),T.attr("style",R.style?R.style:"")},S.hide=function(){S.settings.always_visible||(ba("hide"),e.removeClass("dp_visible").addClass("dp_hidden"),S.settings.onClose&&"function"==typeof S.settings.onClose&&S.settings.onClose.call(T,T))},S.set_date=function(a){var b;(b=V(a))&&!ca(b.getFullYear(),b.getMonth(),b.getDate())&&(T.val(a),ka(b))},S.show=function(){d=S.settings.view;var b=V(T.val()||(S.settings.start_date?S.settings.start_date:""));if(b?(u=b.getMonth(),r=b.getMonth(),v=b.getFullYear(),s=b.getFullYear(),t=b.getDate(),ca(v,u,t)&&(S.settings.strict&&T.val(""),r=o,s=p)):(r=o,s=p),fa(),S.settings.always_visible)e.removeClass("dp_hidden").addClass("dp_visible");else{if(S.settings.container.is("body")){var c=e.outerWidth(),g=e.outerHeight(),h=(void 0!==f?f.offset().left+f.outerWidth(!0):T.offset().left+T.outerWidth(!0))+S.settings.offset[0],i=(void 0!==f?f.offset().top:T.offset().top)-g+S.settings.offset[1],j=a(window).width(),k=a(window).height(),l=a(window).scrollTop(),m=a(window).scrollLeft();"below"==S.settings.default_position&&(i=(void 0!==f?f.offset().top:T.offset().top)+S.settings.offset[1]),h+c>m+j&&(h=m+j-c),m>h&&(h=m),i+g>l+k&&(i=l+k-g),l>i&&(i=l),e.css({left:h,top:i})}else e.css({left:0,top:0});e.removeClass("dp_hidden").addClass("dp_visible"),ba()}S.settings.onOpen&&"function"==typeof S.settings.onOpen&&S.settings.onOpen.call(T,T)},S.update=function(b){S.original_direction&&(S.original_direction=S.direction),S.settings=a.extend(S.settings,b),U(!0)};var V=function(b){if(b+="",""!==a.trim(b)){for(var c=X(S.settings.format),d=["d","D","j","l","N","S","w","F","m","M","n","Y","y"],e=[],f=[],g=null,h=null,i=0;i<d.length;i++)(g=c.indexOf(d[i]))>-1&&e.push({character:d[i],position:g});if(e.sort(function(a,b){return a.position-b.position}),a.each(e,function(a,b){switch(b.character){case"d":f.push("0[1-9]|[12][0-9]|3[01]");break;case"D":f.push("[a-z]{3}");break;case"j":f.push("[1-9]|[12][0-9]|3[01]");break;case"l":f.push("[a-z]+");break;case"N":f.push("[1-7]");break;case"S":f.push("st|nd|rd|th");break;case"w":f.push("[0-6]");break;case"F":f.push("[a-z]+");break;case"m":f.push("0[1-9]|1[012]+");break;case"M":f.push("[a-z]{3}");break;case"n":f.push("[1-9]|1[012]");break;case"Y":f.push("[0-9]{4}");break;case"y":f.push("[0-9]{2}")}}),f.length&&(e.reverse(),a.each(e,function(a,b){c=c.replace(b.character,"("+f[f.length-a-1]+")")}),f=new RegExp("^"+c+"$","ig"),h=f.exec(b))){var j,k=new Date,l=1,m=k.getMonth()+1,n=k.getFullYear(),o=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],p=["January","February","March","April","May","June","July","August","September","October","November","December"],q=!0;if(e.reverse(),a.each(e,function(b,c){if(!q)return!0;switch(c.character){case"m":case"n":m=ja(h[b+1]);break;case"d":case"j":l=ja(h[b+1]);break;case"D":case"l":case"F":case"M":j="D"==c.character||"l"==c.character?S.settings.days:S.settings.months,q=!1,a.each(j,function(a,d){if(q)return!0;if(h[b+1].toLowerCase()==d.substring(0,"D"==c.character||"M"==c.character?3:d.length).toLowerCase()){switch(c.character){case"D":h[b+1]=o[a].substring(0,3);break;case"l":h[b+1]=o[a];break;case"F":h[b+1]=p[a],m=a+1;break;case"M":h[b+1]=p[a].substring(0,3),m=a+1}q=!0}});break;case"Y":n=ja(h[b+1]);break;case"y":n="19"+ja(h[b+1])}}),q){var r=new Date(n,(m||1)-1,l||1);if(r.getFullYear()==n&&r.getDate()==(l||1)&&r.getMonth()==(m||1)-1)return r}}return!1}},W=function(a){"firefox"==ma.name?a.css("MozUserSelect","none"):"explorer"==ma.name?a.bind("selectstart",function(){return!1}):a.mousedown(function(){return!1})},X=function(a){return a.replace(/([-.,*+?^${}()|[\]\/\\])/g,"\\$1")},Y=function(b){for(var c="",d=b.getDate(),e=b.getDay(),f=S.settings.days[e],g=b.getMonth()+1,h=S.settings.months[g-1],i=b.getFullYear()+"",j=0;j<S.settings.format.length;j++){var k=S.settings.format.charAt(j);switch(k){case"y":i=i.substr(2);case"Y":c+=i;break;case"m":g=ia(g,2);case"n":c+=g;break;case"M":h=a.isArray(S.settings.months_abbr)&&void 0!==S.settings.months_abbr[g-1]?S.settings.months_abbr[g-1]:S.settings.months[g-1].substr(0,3);case"F":c+=h;break;case"d":d=ia(d,2);case"j":c+=d;break;case"D":f=a.isArray(S.settings.days_abbr)&&void 0!==S.settings.days_abbr[e]?S.settings.days_abbr[e]:S.settings.days[e].substr(0,3);case"l":c+=f;break;case"N":e++;case"w":c+=e;break;case"S":c+=d%10==1&&"11"!=d?"st":d%10==2&&"12"!=d?"nd":d%10==3&&"13"!=d?"rd":"th";break;default:c+=k}}return c},Z=function(){var b=new Date(s,r+1,0).getDate(),c=new Date(s,r,1).getDay(),d=new Date(s,r,0).getDate(),e=c-S.settings.first_day_of_week;e=0>e?7+e:e,ea(S.settings.header_captions.days);var f="<tr>";S.settings.show_week_number&&(f+="<th>"+S.settings.show_week_number+"</th>");for(var g=0;7>g;g++)f+="<th>"+(a.isArray(S.settings.days_abbr)&&void 0!==S.settings.days_abbr[(S.settings.first_day_of_week+g)%7]?S.settings.days_abbr[(S.settings.first_day_of_week+g)%7]:S.settings.days[(S.settings.first_day_of_week+g)%7].substr(0,2))+"</th>";for(f+="</tr><tr>",g=0;42>g;g++){g>0&&g%7===0&&(f+="</tr><tr>"),g%7===0&&S.settings.show_week_number&&(f+='<td class="dp_week_number">'+la(new Date(s,r,g-e+1))+"</td>");var i=g-e+1;if(S.settings.select_other_months&&(e>g||i>b)){var j=new Date(s,r,i),k=j.getFullYear(),o=j.getMonth(),p=j.getDate();j=k+ia(o+1,2)+ia(p,2)}if(e>g)f+='<td class="'+(S.settings.select_other_months&&!ca(k,o,p)?"dp_not_in_month_selectable date_"+j:"dp_not_in_month")+'">'+(S.settings.select_other_months||S.settings.show_other_months?ia(d-e+g+1,S.settings.zero_pad?2:0):"&nbsp;")+"</td>";else if(i>b)f+='<td class="'+(S.settings.select_other_months&&!ca(k,o,p)?"dp_not_in_month_selectable date_"+j:"dp_not_in_month")+'">'+(S.settings.select_other_months||S.settings.show_other_months?ia(i-b,S.settings.zero_pad?2:0):"&nbsp;")+"</td>";else{var q=(S.settings.first_day_of_week+g)%7,w="",x=aa(s,r,i);ca(s,r,i)?(a.inArray(q,S.settings.weekend_days)>-1?w="dp_weekend_disabled":w+=" dp_disabled",r==l&&s==m&&n==i&&(w+=" dp_disabled_current"),""!=x&&(w+=" "+x+"_disabled")):(a.inArray(q,S.settings.weekend_days)>-1&&(w="dp_weekend"),r==u&&s==v&&t==i&&(w+=" dp_selected"),r==l&&s==m&&n==i&&(w+=" dp_current"),""!=x&&(w+=" "+x)),f+="<td"+(""!==w?' class="'+a.trim(w)+'"':"")+">"+((S.settings.zero_pad?ia(i,2):i)||"&nbsp;")+"</td>"}}f+="</tr>",h.html(a(f)),S.settings.always_visible&&(E=a("td:not(.dp_disabled, .dp_weekend_disabled, .dp_not_in_month, .dp_week_number)",h)),h.show()},$=function(){ea(S.settings.header_captions.months);for(var b="<tr>",c=0;12>c;c++){c>0&&c%3===0&&(b+="</tr><tr>");var d="dp_month_"+c;ca(s,c)?d+=" dp_disabled":u!==!1&&u==c&&s==v?d+=" dp_selected":l==c&&m==s&&(d+=" dp_current"),b+='<td class="'+a.trim(d)+'">'+(a.isArray(S.settings.months_abbr)&&void 0!==S.settings.months_abbr[c]?S.settings.months_abbr[c]:S.settings.months[c].substr(0,3))+"</td>"}b+="</tr>",i.html(a(b)),S.settings.always_visible&&(F=a("td:not(.dp_disabled)",i)),i.show()},_=function(){ea(S.settings.header_captions.years);for(var b="<tr>",c=0;12>c;c++){c>0&&c%3===0&&(b+="</tr><tr>");var d="";ca(s-7+c)?d+=" dp_disabled":v&&v==s-7+c?d+=" dp_selected":m==s-7+c&&(d+=" dp_current"),b+="<td"+(""!==a.trim(d)?' class="'+a.trim(d)+'"':"")+">"+(s-7+c)+"</td>"}b+="</tr>",j.html(a(b)),S.settings.always_visible&&(G=a("td:not(.dp_disabled)",j)),j.show()},aa=function(b,c,d){var e,f,g;"undefined"!=typeof c&&(c+=1);for(f in P)if(e=P[f],g=!1,a.isArray(O[e])&&a.each(O[e],function(){if(!g){var f=this;if((a.inArray(b,f[2])>-1||a.inArray("*",f[2])>-1)&&("undefined"!=typeof c&&a.inArray(c,f[1])>-1||a.inArray("*",f[1])>-1)&&("undefined"!=typeof d&&a.inArray(d,f[0])>-1||a.inArray("*",f[0])>-1)){if("*"==f[3])return g=e;var h=new Date(b,c-1,d).getDay();if(a.inArray(h,f[3])>-1)return g=e}}}),g)return g;return g||""},ba=function(b){if("explorer"==ma.name&&6==ma.version){if(!y){var c=ja(e.css("zIndex"))-1;y=a("<iframe>",{src:'javascript:document.write("")',scrolling:"no",frameborder:0,css:{zIndex:c,position:"absolute",top:-1e3,left:-1e3,width:e.outerWidth(),height:e.outerHeight(),filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)",display:"none"}}),a("body").append(y)}switch(b){case"hide":y.hide();break;default:var d=e.offset();y.css({top:d.top,left:d.left,display:"block"})}}},ca=function(b,c,d){if(!(void 0!==b&&!isNaN(b)||void 0!==c&&!isNaN(c)||void 0!==d&&!isNaN(d)))return!1;if(1e3>b)return!0;if(a.isArray(S.settings.direction)||0!==ja(S.settings.direction)){var e=ja(ha(b,"undefined"!=typeof c?ia(c,2):"","undefined"!=typeof d?ia(d,2):"")),f=(e+"").length;if(8==f&&("undefined"!=typeof z&&e<ja(ha(p,ia(o,2),ia(q,2)))||"undefined"!=typeof A&&e>ja(ha(C,ia(D,2),ia(B,2)))))return!0;if(6==f&&("undefined"!=typeof z&&e<ja(ha(p,ia(o,2)))||"undefined"!=typeof A&&e>ja(ha(C,ia(D,2)))))return!0;if(4==f&&("undefined"!=typeof z&&p>e||"undefined"!=typeof A&&e>C))return!0}"undefined"!=typeof c&&(c+=1);var g=!1,h=!1;return a.isArray(x)&&x.length&&a.each(x,function(){if(!g){var e=this;if((a.inArray(b,e[2])>-1||a.inArray("*",e[2])>-1)&&("undefined"!=typeof c&&a.inArray(c,e[1])>-1||a.inArray("*",e[1])>-1)&&("undefined"!=typeof d&&a.inArray(d,e[0])>-1||a.inArray("*",e[0])>-1)){if("*"==e[3])return g=!0;var f=new Date(b,c-1,d).getDay();if(a.inArray(f,e[3])>-1)return g=!0}}}),w&&a.each(w,function(){if(!h){var e=this;if((a.inArray(b,e[2])>-1||a.inArray("*",e[2])>-1)&&(h=!0,"undefined"!=typeof c))if(h=!0,a.inArray(c,e[1])>-1||a.inArray("*",e[1])>-1){if("undefined"!=typeof d)if(h=!0,a.inArray(d,e[0])>-1||a.inArray("*",e[0])>-1){if("*"==e[3])return h=!0;var f=new Date(b,c-1,d).getDay();if(a.inArray(f,e[3])>-1)return h=!0;h=!1}else h=!1}else h=!1}}),w&&h?!1:x&&g?!0:!1},da=function(a){return(a+"").match(/^\-?[0-9]+$/)?!0:!1},ea=function(b){!isNaN(parseFloat(r))&&isFinite(r)&&(b=b.replace(/\bm\b|\bn\b|\bF\b|\bM\b/,function(b){switch(b){case"m":return ia(r+1,2);case"n":return r+1;case"F":return S.settings.months[r];case"M":return a.isArray(S.settings.months_abbr)&&void 0!==S.settings.months_abbr[r]?S.settings.months_abbr[r]:S.settings.months[r].substr(0,3);default:return b}})),!isNaN(parseFloat(s))&&isFinite(s)&&(b=b.replace(/\bY\b/,s).replace(/\by\b/,(s+"").substr(2)).replace(/\bY1\b/i,s-7).replace(/\bY2\b/i,s+4)),a(".dp_caption",g).html(b)},fa=function(){if(""===h.text()||"days"==d){if(""===h.text()){S.settings.always_visible||e.css("left",-1e3),e.css("visibility","visible"),Z();var b=h.outerWidth(),c=h.outerHeight();i.css({width:b,height:c}),j.css({width:b,height:c}),g.css("width",b),K.css("width",b),e.css("visibility","").addClass("dp_hidden")}else Z();i.hide(),j.hide()}else"months"==d?($(),h.hide(),j.hide()):"years"==d&&(_(),h.hide(),i.hide());if(S.settings.onChange&&"function"==typeof S.settings.onChange&&void 0!==d){var f="days"==d?h.find("td:not(.dp_disabled, .dp_weekend_disabled, .dp_not_in_month)"):"months"==d?i.find("td:not(.dp_disabled, .dp_weekend_disabled, .dp_not_in_month)"):j.find("td:not(.dp_disabled, .dp_weekend_disabled, .dp_not_in_month)");f.each(function(){var b;"days"==d?a(this).hasClass("dp_not_in_month_selectable")?(b=a(this).attr("class").match(/date\_([0-9]{4})(0[1-9]|1[012])(0[1-9]|[12][0-9]|3[01])/),a(this).data("date",b[1]+"-"+b[2]+"-"+b[3])):a(this).data("date",s+"-"+ia(r+1,2)+"-"+ia(ja(a(this).text()),2)):"months"==d?(b=a(this).attr("class").match(/dp\_month\_([0-9]+)/),a(this).data("date",s+"-"+ia(ja(b[1])+1,2))):a(this).data("date",ja(a(this).text()))}),S.settings.onChange.call(T,d,f,T)}K.show(),S.settings.show_clear_date===!0||0===S.settings.show_clear_date&&""!==T.val()||S.settings.always_visible&&S.settings.show_clear_date!==!1?(k.show(),L?(J.css("width","50%"),k.css("width","50%")):(J.hide(),k.css("width","100%"))):(k.hide(),L?J.show().css("width","100%"):K.hide())},ga=function(a,b,c,d,e){var f=new Date(a,b,c,12,0,0),g="days"==d?E:"months"==d?F:G,h=Y(f);T.val(h),S.settings.always_visible&&(u=f.getMonth(),r=f.getMonth(),v=f.getFullYear(),s=f.getFullYear(),t=f.getDate(),g.removeClass("dp_selected"),e.addClass("dp_selected"),"days"==d&&e.hasClass("dp_not_in_month_selectable")&&S.show()),S.hide(),ka(f),S.settings.onSelect&&"function"==typeof S.settings.onSelect&&S.settings.onSelect.call(T,h,a+"-"+ia(b+1,2)+"-"+ia(c,2),f,T,la(f)),T.focus()},ha=function(){for(var a="",b=0;b<arguments.length;b++)a+=arguments[b]+"";return a},ia=function(a,b){for(a+="";a.length<b;)a="0"+a;return a},ja=function(a){return parseInt(a,10)},ka=function(b){S.settings.pair&&a.each(S.settings.pair,function(){var c=a(this);if(c.data&&c.data("Zebra_DatePicker")){var d=c.data("Zebra_DatePicker");d.update({reference_date:b,direction:0===d.settings.direction?1:d.settings.direction}),d.settings.always_visible&&d.show()}else c.data("zdp_reference_date",b)})},la=function(a){var b,c,d,e,f,g,h,i,j,k=a.getFullYear(),l=a.getMonth()+1,m=a.getDate();return 3>l?(b=k-1,c=(b/4|0)-(b/100|0)+(b/400|0),d=((b-1)/4|0)-((b-1)/100|0)+((b-1)/400|0),e=c-d,f=0,g=m-1+31*(l-1)):(b=k,c=(b/4|0)-(b/100|0)+(b/400|0),d=((b-1)/4|0)-((b-1)/100|0)+((b-1)/400|0),e=c-d,f=e+1,g=m+((153*(l-3)+2)/5|0)+58+e),h=(b+c)%7,m=(g+h-f)%7,i=g+3-m,j=0>i?53-((h-e)/5|0):i>364+e?1:(i/7|0)+1},ma={init:function(){this.name=this.searchString(this.dataBrowser)||"",this.version=this.searchVersion(navigator.userAgent)||this.searchVersion(navigator.appVersion)||""},searchString:function(a){for(var b=0;b<a.length;b++){var c=a[b].string,d=a[b].prop;if(this.versionSearchString=a[b].versionSearch||a[b].identity,c){if(-1!=c.indexOf(a[b].subString))return a[b].identity}else if(d)return a[b].identity}},searchVersion:function(a){var b=a.indexOf(this.versionSearchString);if(-1!=b)return parseFloat(a.substring(b+this.versionSearchString.length+1))},dataBrowser:[{string:navigator.userAgent,subString:"Firefox",identity:"firefox"},{string:navigator.userAgent,subString:"MSIE",identity:"explorer",versionSearch:"MSIE"}]};ma.init(),U()},a.fn.Zebra_DatePicker=function(b){return this.each(function(){void 0!==a(this).data("Zebra_DatePicker")&&a(this).data("Zebra_DatePicker").destroy();var c=new a.Zebra_DatePicker(this,b);a(this).data("Zebra_DatePicker",c)})}});
1
+ /**
2
+ * Zebra_DatePicker
3
+ *
4
+ * Zebra_DatePicker is a small, compact and highly configurable date picker plugin for jQuery
5
+ *
6
+ * Read more {@link https://github.com/stefangabos/Zebra_Datepicker/ here}
7
+ *
8
+ * @author Stefan Gabos <contact@stefangabos.ro>
9
+ * @version 1.9.7 (last revision: December 03, 2017)
10
+ * @copyright (c) 2011 - 2017 Stefan Gabos
11
+ * @license http://www.gnu.org/licenses/lgpl-3.0.txt GNU LESSER GENERAL PUBLIC LICENSE
12
+ * @package Zebra_DatePicker
13
+ */
14
+ (function(factory) {
15
+
16
+ 'use strict';
17
+
18
+ // AMD
19
+ if (typeof define === 'function' && define.amd) define(['jquery'], factory);
20
+
21
+ // CommonJS
22
+ else if (typeof exports === 'object') factory(require('jquery'));
23
+
24
+ // browser globals
25
+ else factory(jQuery);
26
+
27
+ }(function($) {
28
+
29
+ 'use strict';
30
+
31
+ $.Zebra_DatePicker = function(element, options) {
32
+
33
+ var defaults = {
34
+
35
+ // setting this property to a jQuery element, will result in the date picker being always visible, the indicated
36
+ // element being the date picker's container;
37
+ //
38
+ // setting this to boolean TRUE will keep will result in the date picker not closing when selecting a
39
+ // date but only when the user clicks outside the date picker.
40
+ //
41
+ // note that when a date format is used that also involves time, this property will be automatically
42
+ // set to TRUE!
43
+ //
44
+ // default is FALSE
45
+ always_visible: false,
46
+
47
+ // by default, the date picker is injected into the <body>; use this property to tell the library to inject
48
+ // the date picker into a custom element - useful when you want the date picker to open at a specific position
49
+ //
50
+ // must be a jQuery element
51
+ //
52
+ // default is $('body')
53
+ container: $('body'),
54
+
55
+ // dates that should have custom classes applied to them
56
+ // an object in the form of
57
+ // {
58
+ // 'myclass1': [dates_to_apply_the_custom_class_to],
59
+ // 'myclass2': [dates_to_apply_the_custom_class_to]
60
+ // }
61
+ // where "dates_to_apply_the_custom_class_to" is an array of dates in the same format as required for
62
+ // "disabled_dates" property.
63
+ //
64
+ // custom classes will be applied *only* in the day picker view and not on month/year views!
65
+ // also note that the class name will have the "_disabled" suffix added if the day the class is applied to
66
+ // is disabled
67
+ //
68
+ // in order for the styles in your custom classes to be applied, make sure you are using the following syntax:
69
+ //
70
+ // .Zebra_DatePicker .dp_daypicker td.myclass1 { .. }
71
+ // .Zebra_DatePicker .dp_daypicker td.myclass1_disabled { .. }
72
+ //
73
+ // default is FALSE, no custom classes
74
+ custom_classes: false,
75
+
76
+ // days of the week; Sunday to Saturday
77
+ days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
78
+
79
+ // by default, the abbreviated name of a day consists of the first 2 letters from the day's full name;
80
+ // while this is common for most languages, there are also exceptions for languages like Thai, Loa, Myanmar,
81
+ // etc. where this is not correct; for these cases, specify an array with the abbreviations to be used for
82
+ // the 7 days of the week; leave it FALSE to use the first 2 letters of a day's name as the abbreviation.
83
+ //
84
+ // default is FALSE
85
+ days_abbr: false,
86
+
87
+ // the position of the date picker relative to the element it is attached to. note that, regardless of this
88
+ // setting, the date picker's position will be automatically adjusted to fit in the viewport, if needed.
89
+ //
90
+ // possible values are "above" and "below"
91
+ //
92
+ // default is "above"
93
+ default_position: 'above',
94
+
95
+ // direction of the calendar
96
+ //
97
+ // a positive or negative integer: n (a positive integer) creates a future-only calendar beginning at n days
98
+ // after today; -n (a negative integer); if n is 0, the calendar has no restrictions. use boolean true for
99
+ // a future-only calendar starting with today and use boolean false for a past-only calendar ending today.
100
+ //
101
+ // you may also set this property to an array with two elements in the following combinations:
102
+ //
103
+ // - first item is boolean TRUE (calendar starts today), an integer > 0 (calendar starts n days after
104
+ // today), or a valid date given in the format defined by the "format" attribute, using English for
105
+ // month names (calendar starts at the specified date), and the second item is boolean FALSE (the calendar
106
+ // has no ending date), an integer > 0 (calendar ends n days after the starting date), or a valid date
107
+ // given in the format defined by the "format" attribute, using English for month names, and which occurs
108
+ // after the starting date (calendar ends at the specified date)
109
+ //
110
+ // - first item is boolean FALSE (calendar ends today), an integer < 0 (calendar ends n days before today),
111
+ // or a valid date given in the format defined by the "format" attribute, using English for month names
112
+ // (calendar ends at the specified date), and the second item is an integer > 0 (calendar ends n days
113
+ // before the ending date), or a valid date given in the format defined by the "format" attribute, using
114
+ // English for month names and which occurs before the starting date (calendar starts at the specified
115
+ // date)
116
+ //
117
+ // [1, 7] - calendar starts tomorrow and ends seven days after that
118
+ // [true, 7] - calendar starts today and ends seven days after that
119
+ // ['2013-01-01', false] - calendar starts on January 1st 2013 and has no ending date ("format" is YYYY-MM-DD)
120
+ // [false, '2012-01-01'] - calendar ends today and starts on January 1st 2012 ("format" is YYYY-MM-DD)
121
+ //
122
+ // note that "disabled_dates" property will still apply!
123
+ //
124
+ // default is 0 (no restrictions)
125
+ direction: 0,
126
+
127
+ // an array of disabled dates in the following format: 'day month year weekday' where "weekday" is optional
128
+ // and can be 0-6 (Saturday to Sunday); the syntax is similar to cron's syntax: the values are separated by
129
+ // spaces and may contain * (asterisk) - (dash) and , (comma) delimiters:
130
+ //
131
+ // ['1 1 2012'] would disable January 1, 2012;
132
+ // ['* 1 2012'] would disable all days in January 2012;
133
+ // ['1-10 1 2012'] would disable January 1 through 10 in 2012;
134
+ // ['1,10 1 2012'] would disable January 1 and 10 in 2012;
135
+ // ['1-10,20,22,24 1-3 *'] would disable 1 through 10, plus the 22nd and 24th of January through March for every year;
136
+ // ['* * * 0,6'] would disable all Saturdays and Sundays;
137
+ // ['01 07 2012', '02 07 2012', '* 08 2012'] would disable 1st and 2nd of July 2012, and all of August of 2012
138
+ //
139
+ // default is FALSE, no disabled dates
140
+ //
141
+ // DISABLING ALL DATES AND NOT SPECIFYING AT LEAST ONE ENABLED DATE WILL SEND THE SCRIPT INTO AN INFINITE
142
+ // LOOP SEARCHING FOR AN ENABLED DATE TO DISPLAY!
143
+ disabled_dates: false,
144
+
145
+ // an array of enabled dates in the same format as required for "disabled_dates" property.
146
+ // to be used together with the "disabled_dates" property by first setting the "disabled_dates" property to
147
+ // something like "[* * * *]" (which will disable everything) and the setting the "enabled_dates" property to,
148
+ // say, "[* * * 0,6]" to enable just weekends.
149
+ enabled_dates: false,
150
+
151
+ // an array of selectable hours.
152
+ // default is FALSE, all hours are selectable.
153
+ enabled_hours: false,
154
+
155
+ // an array of selectable minutes.
156
+ // default is FALSE, all minutes are selectable.
157
+ enabled_minutes: false,
158
+
159
+ // an array of selectable seconds.
160
+ // default is FALSE, all seconds are selectable.
161
+ enabled_seconds: false,
162
+
163
+ // week's starting day
164
+ //
165
+ // valid values are 0 to 6, Sunday to Saturday
166
+ //
167
+ // default is 1, Monday
168
+ first_day_of_week: 1,
169
+
170
+ // format of the returned date
171
+ //
172
+ // accepts the following characters for date formatting: d, D, j, l, N, w, S, F, m, M, n, Y, y, h, H,
173
+ // g, G, i, s, a, A borrowing the syntax from PHP's "date" function.
174
+ //
175
+ // note that when setting a date format without days ('d', 'j'), the users will be able to select only years
176
+ // and months, and when setting a format without months and days ('F', 'm', 'M', 'n', 'd', 'j'), the
177
+ // users will be able to select only years; likewise, when setting a date format with just months ('F', 'm',
178
+ // 'M', 'n') or just years ('Y', 'y'), users will be able to select only months and years, respectively.
179
+ //
180
+ // setting a format that also involves time (h, H, g, G, i, s, a, A) will automatically enable the time
181
+ // picker.
182
+ //
183
+ // also note that the value of the "view" property (see below) may be overridden if it is the case: a value of
184
+ // "days" for the "view" property makes no sense if the date format doesn't allow the selection of days.
185
+ //
186
+ // default is Y-m-d
187
+ format: 'Y-m-d',
188
+
189
+ // captions in the datepicker's header, for the 3 possible views: days, months, years
190
+ //
191
+ // for each of the 3 views the following special characters may be used borrowing from PHP's "date" function's
192
+ // syntax: m, n, F, M, y and Y; any of these will be replaced at runtime with the appropriate date fragment,
193
+ // depending on the currently viewed date. two more special characters are also available Y1 and Y2 (upper
194
+ // case representing years with 4 digits, lowercase representing years with 2 digits) which represent
195
+ // "currently selected year - 7" and "currently selected year + 4" and which only make sense used in the
196
+ // "years" view.
197
+ //
198
+ // even though any of these special characters may be used in any of the 3 views, you should use m, n, F, M
199
+ // for the "days" view and y, Y, Y1, Y2, y1, y2 for the "months" and "years" view or you may get unexpected
200
+ // results!
201
+ //
202
+ // Text and HTML can also be used, and will be rendered as it is, as in the example below (the library is
203
+ // smart enough to not replace special characters when used in words or HTML tags):
204
+ //
205
+ // header_captions: {
206
+ // 'days': 'Departure:<br>F, Y',
207
+ // 'months': 'Departure:<br>Y',
208
+ // 'years': 'Departure:<br>Y1 - Y2'
209
+ // }
210
+ //
211
+ // Default is
212
+ //
213
+ // header_captions: {
214
+ // 'days': 'F, Y',
215
+ // 'months': 'Y',
216
+ // 'years': 'Y1 - Y2'
217
+ // }
218
+ header_captions: {
219
+ days: 'F, Y',
220
+ months: 'Y',
221
+ years: 'Y1 - Y2'
222
+ },
223
+
224
+ // icon's position
225
+ // accepted values are "left" and "right"
226
+ //
227
+ // default is "right"
228
+ icon_position: 'right',
229
+
230
+ // should the icon for opening the datepicker be inside the element?
231
+ // if set to FALSE, the icon will be placed to the right of the parent element, while if set to TRUE it will
232
+ // be placed to the right of the parent element, but *inside* the element itself
233
+ //
234
+ // default is TRUE
235
+ inside: true,
236
+
237
+ // the caption for the "Clear" button
238
+ lang_clear_date: 'Clear date',
239
+
240
+ // months names
241
+ months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
242
+
243
+ // by default, the abbreviated name of a month consists of the first 3 letters from the month's full name;
244
+ // while this is common for most languages, there are also exceptions for languages like Thai, Loa, Myanmar,
245
+ // etc. where this is not correct; for these cases, specify an array with the abbreviations to be used for
246
+ // the months of the year; leave it FALSE to use the first 3 letters of a month's name as the abbreviation.
247
+ //
248
+ // default is FALSE
249
+ months_abbr: false,
250
+
251
+ // HTML to be used for previous/next and up/down buttons, in that order
252
+ //
253
+ // default is ['&#9664;', '&#9654;', '&#9650;', '&#9660;']
254
+ navigation: ['&#9664;', '&#9654;', '&#9650;', '&#9660;'],
255
+
256
+ // the offset, in pixels (x, y), to shift the date picker's position relative to the top-right of the icon
257
+ // that toggles the date picker or, if the icon is disabled, relative to the top-right corner of the element
258
+ // the plugin is attached to.
259
+ //
260
+ // note that this only applies if the position of element relative to the browser's viewport doesn't require
261
+ // the date picker to be placed automatically so that it is visible!
262
+ //
263
+ // default is [5, -5]
264
+ offset: [5, -5],
265
+
266
+ // set whether the date picker should be shown *only* when interacting with the icon
267
+ // note that if you also set the "show_icon" property to FALSE, you will not be able to show the date picker anymore!
268
+ //
269
+ // default is FALSE
270
+ open_icon_only: false,
271
+
272
+ // set this property to TRUE if you want the date picker to be shown when the parent element (if
273
+ // "open_icon_only" is not set to FALSE) or the associated calendar icon (if "show_icon" is set to TRUE)
274
+ // receive focus.
275
+ //
276
+ // default is FALSE
277
+ open_on_focus: false,
278
+
279
+ // if set as a jQuery element with a Zebra_DatePicker attached, that particular date picker will use the
280
+ // current date picker's value as starting date
281
+ // note that the rules set in the "direction" property will still apply, only that the reference date will
282
+ // not be the current system date but the value selected in the current date picker
283
+ // default is FALSE (not paired with another date picker)
284
+ pair: false,
285
+
286
+ // should the element the calendar is attached to, be read-only?
287
+ // if set to TRUE, a date can be set only through the date picker and cannot be entered manually
288
+ //
289
+ // default is TRUE
290
+ readonly_element: true,
291
+
292
+ // should days from previous and/or next month be selectable when visible?
293
+ // note that if the value of this property is set to TRUE, the value of "show_other_months" will be considered
294
+ // TRUE regardless of the actual value!
295
+ //
296
+ // default is FALSE
297
+ select_other_months: false,
298
+
299
+ // should the "Clear date" button be visible?
300
+ //
301
+ // accepted values are:
302
+ //
303
+ // - 0 (zero) - the button for clearing a previously selected date is shown only if a previously selected date
304
+ // already exists; this means that if the input the date picker is attached to is empty, and the user selects
305
+ // a date for the first time, this button will not be visible; once the user picked a date and opens the date
306
+ // picker again, this time the button will be visible.
307
+ //
308
+ // - TRUE will make the button visible all the time
309
+ //
310
+ // - FALSE will disable the button
311
+ //
312
+ // default is "0" (without quotes)
313
+ show_clear_date: 0,
314
+
315
+ // should a calendar icon be added to the elements the plugin is attached to?
316
+ //
317
+ // default is TRUE
318
+ show_icon: true,
319
+
320
+ // should days from previous and/or next month be visible?
321
+ //
322
+ // default is TRUE
323
+ show_other_months: true,
324
+
325
+ // should the "Today" button be visible?
326
+ // setting it to anything but boolean FALSE will enable the button and will use the property's value as
327
+ // caption for the button; setting it to FALSE will disable the button
328
+ //
329
+ // default is "Today"
330
+ show_select_today: 'Today',
331
+
332
+ // should an extra column be shown, showing the number of each week?
333
+ // anything other than FALSE will enable this feature, and use the given value as column title
334
+ // i.e. show_week_number: 'Wk' would enable this feature and have "Wk" as the column's title
335
+ //
336
+ // default is FALSE
337
+ show_week_number: false,
338
+
339
+ // a default date to start the date picker with
340
+ // must be specified in the format defined by the "format" property, or it will be ignored!
341
+ // note that this value is used only if there is no value in the field the date picker is attached to!
342
+ //
343
+ // default is FALSE
344
+ start_date: false,
345
+
346
+ // should default values, in the input field the date picker is attached to, be deleted if they are not valid
347
+ // according to "direction" and/or "disabled_dates"?
348
+ //
349
+ // default is FALSE
350
+ strict: false,
351
+
352
+ // how should the date picker start; valid values are "days", "months" and "years"
353
+ // note that the date picker is always cycling days-months-years when clicking in the date picker's header,
354
+ // and years-months-days when selecting dates (unless one or more of the views are missing due to the date's
355
+ // format)
356
+ //
357
+ // also note that the value of the "view" property may be overridden if the date's format requires so! (i.e.
358
+ // "days" for the "view" property makes no sense if the date format doesn't allow the selection of days)
359
+ //
360
+ // default is "days"
361
+ view: 'days',
362
+
363
+ // days of the week that are considered "weekend days"
364
+ // valid values are 0 to 6, Sunday to Saturday
365
+ //
366
+ // default values are 0 and 6 (Saturday and Sunday)
367
+ weekend_days: [0, 6],
368
+
369
+ // when set to TRUE, day numbers < 10 will be prefixed with 0; set to FALSE if you don't want that
370
+ //
371
+ // default is TRUE
372
+ zero_pad: false,
373
+
374
+ // callback function to be executed whenever the user changes the view (days/months/years), as well as when
375
+ // the user navigates by clicking on the "next"/"previous" icons in any of the views;
376
+ //
377
+ // the callback function called by this event takes 3 arguments - the first argument represents the current
378
+ // view (can be "days", "months" or "years"), the second argument represents an array containing the "active"
379
+ // elements (not disabled) from the view, as jQuery elements, allowing for easy customization and interaction
380
+ // with particular cells in the date picker's view, while the third argument is a reference to the element
381
+ // the date picker is attached to, as a jQuery object (deprecated - use the "this" keyword inside the callback
382
+ // function to refer to the element the date picker is attached to)
383
+ //
384
+ // for simplifying searching for particular dates, each element in the second argument will also have a
385
+ // "date" data attribute whose format depends on the value of the "view" argument:
386
+ // - YYYY-MM-DD for elements in the "days" view
387
+ // - YYYY-MM for elements in the "months" view
388
+ // - YYYY for elements in the "years" view
389
+ //
390
+ // the "this" keyword inside the callback function refers to the element the date picker is attached to!
391
+ onChange: null,
392
+
393
+ // callback function to be executed when the user clicks the "Clear" button
394
+ // the callback function takes a single argument:
395
+ // - a reference to the element the date picker is attached to, as a jQuery object (deprecated - use the
396
+ // "this" keyword inside the callback function to refer to the element the date picker is attached to)
397
+ //
398
+ // the "this" keyword inside the callback function refers to the element the date picker is attached to!
399
+ onClear: null,
400
+
401
+ // callback function to be executed when the date picker is shown
402
+ // the callback function takes a single argument:
403
+ // - a reference to the element the date picker is attached to, as a jQuery object (deprecated - use the
404
+ // "this" keyword inside the callback function to refer to the element the date picker is attached to)
405
+ //
406
+ // the "this" keyword inside the callback function refers to the element the date picker is attached to!
407
+ onOpen: null,
408
+
409
+ // callback function to be executed when the date picker is closed, but only when the "always_visible"
410
+ // property is set to FALSE
411
+ // the callback function takes a single argument:
412
+ // - a reference to the element the date picker is attached to, as a jQuery object (deprecated - use the
413
+ // "this" keyword inside the callback function to refer to the element the date picker is attached to)
414
+ //
415
+ // the "this" keyword inside the callback function refers to the element the date picker is attached to!
416
+ onClose: null,
417
+
418
+ // callback function to be executed when a date is selected
419
+ // the callback function takes 5 arguments:
420
+ // - the date in the format specified by the "format" attribute;
421
+ // - the date in YYYY-MM-DD format
422
+ // - the date as a JavaScript Date object
423
+ // - a reference to the element the date picker is attached to, as a jQuery object (deprecated - use the
424
+ // "this" keyword inside the callback function to refer to the element the date picker is attached to)
425
+ // - the ISO 8601 week number of the selected date
426
+ //
427
+ // the "this" keyword inside the callback function refers to the element the date picker is attached to!
428
+ onSelect: null
429
+
430
+ },
431
+
432
+ // private properties
433
+ cleardate, clickables, confirm_selection, current_system_day, current_system_month, current_system_year,
434
+ custom_class_names = [], custom_classes = {}, datepicker, daypicker, daypicker_cells, default_day,
435
+ default_month, default_year, disabled_dates = [], enabled_dates = [], end_date, first_selectable_day,
436
+ first_selectable_month, first_selectable_year, footer, header, icon, last_selectable_day, last_selectable_month,
437
+ last_selectable_year, monthpicker, monthpicker_cells, original_attributes = {}, selected_hour, selected_minute,
438
+ selected_second, selected_ampm, view_toggler, selected_month, selected_year, selecttoday, shim,
439
+ show_select_today, start_date, timeout, timepicker, timepicker_config, uniqueid = '', yearpicker, yearpicker_cells,
440
+ view, views;
441
+
442
+ var plugin = this;
443
+
444
+ plugin.settings = {};
445
+
446
+ // the jQuery version of the element
447
+ // "element" (without the $) will point to the DOM element
448
+ var $element = $(element);
449
+
450
+ /**
451
+ * Constructor method. Initializes the date picker.
452
+ *
453
+ * @return void
454
+ */
455
+ var init = function(update) {
456
+
457
+ var
458
+
459
+ // the characters that may be present in the date format and that represent days, months, years, hours,
460
+ // minutes and seconds
461
+ date_chars = {
462
+ days: ['d', 'j', 'D'],
463
+ months: ['F', 'm', 'M', 'n', 't'],
464
+ years: ['o', 'Y', 'y'],
465
+ hours: ['G', 'g', 'H', 'h'],
466
+ minutes: ['i'],
467
+ seconds: ['s'],
468
+ ampm: ['A', 'a']
469
+ },
470
+
471
+ // some defaults
472
+ type = null, data, dates, k, l;
473
+
474
+ // generate a random ID for each date picker (we'll use this if later a certain date picker is destroyed to
475
+ // remove related events)
476
+ // the code is taken from http://stackoverflow.com/a/105074
477
+ for (k = 0; k < 3; k++) uniqueid += Math.floor((1 + Math.random()) * 0x10000).toString(16);
478
+
479
+ // unless we're not just updating settings
480
+ if (!update) {
481
+
482
+ // merge default settings with user-settings (
483
+ plugin.settings = $.extend({}, defaults, options);
484
+
485
+ // preserve some of element's original attributes
486
+ original_attributes['readonly'] = $element.attr('readonly');
487
+ original_attributes['style'] = $element.attr('style');
488
+
489
+ // iterate through the element's data attributes (if any)
490
+ for (data in $element.data())
491
+
492
+ // if data attribute's name starts with "zdp_"
493
+ if (data.indexOf('zdp_') === 0) {
494
+
495
+ // remove the "zdp_" prefix
496
+ data = data.replace(/^zdp\_/, '');
497
+
498
+ // if such a property exists
499
+ if (undefined !== defaults[data])
500
+
501
+ // update the property's value
502
+ // (note that for the "pair" property we need to convert the property to an element)
503
+ plugin.settings[data] = (data === 'pair' ? $($element.data('zdp_' + data)) : $element.data('zdp_' + data));
504
+
505
+ }
506
+
507
+ }
508
+
509
+ // if the element should be read-only, set the "readonly" attribute
510
+ if (plugin.settings.readonly_element) $element.attr('readonly', 'readonly');
511
+
512
+ // assume there's no timepicker
513
+ timepicker_config = false;
514
+
515
+ // the views the user can cycle through
516
+ views = [];
517
+
518
+ // determine the views the user can cycle through, depending on the format
519
+ // that is, if the format doesn't contain the day, the user will be able to cycle only through years and months,
520
+ // whereas if the format doesn't contain months nor days, the user will only be able to select years
521
+
522
+ // iterate through all the character blocks
523
+ for (type in date_chars)
524
+
525
+ // iterate through the characters of each block
526
+ $.each(date_chars[type], function(index, character) {
527
+
528
+ var i, max;
529
+
530
+ // if current character exists in the "format" property
531
+ if (plugin.settings.format.indexOf(character) > -1)
532
+
533
+ // if user can cycle through the "days" view
534
+ if (type === 'days') views.push('days');
535
+
536
+ // if user can cycle through the "months" view
537
+ else if (type === 'months') views.push('months');
538
+
539
+ // if user can cycle through the "years" view
540
+ else if (type === 'years') views.push('years');
541
+
542
+ // if time is available in the date's format
543
+ else if (type === 'hours' || type === 'minutes' || type === 'seconds' || type === 'ampm') {
544
+
545
+ // if variable is not yet initialized
546
+ if (!timepicker_config) {
547
+
548
+ // initialize the variable now
549
+ timepicker_config = {is12hour: false};
550
+
551
+ // users may access the "time" view
552
+ views.push('time');
553
+
554
+ }
555
+
556
+ // if hours are available in the date's format
557
+ if (type === 'hours') {
558
+
559
+ // selectable hours (12 or 24) depending on the format
560
+ if (character === 'g' || character == 'h') {
561
+
562
+ max = 12;
563
+
564
+ // set a flag telling that the hour is 12 hour format
565
+ timepicker_config.is12hour = true;
566
+
567
+ } else max = 24;
568
+
569
+ timepicker_config.hours = [];
570
+
571
+ // iterate through valid hours
572
+ for (i = (max === 12 ? 1 : 0); i < (max === 12 ? 13 : max); i++)
573
+
574
+ // and add them to the lookup array if a user-defined list of values doesn't exist, or if the value is in that list
575
+ if (!$.isArray(plugin.settings.enabled_hours) || $.inArray(i, plugin.settings.enabled_hours) > -1) timepicker_config.hours.push(i);
576
+
577
+ // if minutes are available in the date's format
578
+ } else if (type === 'minutes') {
579
+
580
+ timepicker_config.minutes = [];
581
+
582
+ // iterate through valid minutes
583
+ for (i = 0; i < 60; i++)
584
+
585
+ // and add them to the lookup array if a user-defined list of values doesn't exist, or if the value is in that list
586
+ if (!$.isArray(plugin.settings.enabled_minutes) || $.inArray(i, plugin.settings.enabled_minutes) > -1) timepicker_config.minutes.push(i);
587
+
588
+ // if seconds are available in the date's format
589
+ } else if (type === 'seconds') {
590
+
591
+ timepicker_config.seconds = [];
592
+
593
+ // iterate through valid minutes
594
+ for (i = 0; i < 60; i++)
595
+
596
+ // and add them to the lookup array if a user-defined list of values doesn't exist, or if the value is in that list
597
+ if (!$.isArray(plugin.settings.enabled_seconds) || $.inArray(i, plugin.settings.enabled_seconds) > -1) timepicker_config.seconds.push(i);
598
+
599
+ // if am/pm is available in the date's format
600
+ } else
601
+
602
+ // pre-fill the array of selectable seconds
603
+ timepicker_config.ampm = ['am', 'pm'];
604
+
605
+ }
606
+
607
+ });
608
+
609
+ // if invalid format (no days, no months, no years) use the default where the user is able to cycle through
610
+ // all the views, except time
611
+ if (views.length === 0) views = ['years', 'months', 'days'];
612
+
613
+ // if the starting view is not amongst the views the user can cycle through, set the correct starting view
614
+ if ($.inArray(plugin.settings.view, views) === -1) plugin.settings.view = views[views.length - 1];
615
+
616
+ // parse the rules for disabling dates and turn them into arrays of arrays
617
+
618
+ for (k in plugin.settings.custom_classes) if (plugin.settings.custom_classes.hasOwnProperty(k)) custom_class_names.push(k);
619
+
620
+ // it's the same logic for preparing the enabled/disable dates, as well as dates that have custom classes
621
+ for (l = 0; l < 2 + custom_class_names.length; l++) {
622
+
623
+ // first time we're doing disabled dates,
624
+ if (l === 0) dates = plugin.settings.disabled_dates;
625
+
626
+ // second time we're doing enabled_dates
627
+ else if (l === 1) dates = plugin.settings.enabled_dates;
628
+
629
+ // otherwise, we're doing dates that will have custom classes
630
+ else dates = plugin.settings.custom_classes[custom_class_names[l - 2]];
631
+
632
+ // if we have a non-empty array
633
+ if ($.isArray(dates) && dates.length > 0)
634
+
635
+ // iterate through the rules
636
+ $.each(dates, function() {
637
+
638
+ // split the values in rule by white space
639
+ var rules = this.split(' '), i, j, k, limits;
640
+
641
+ // there can be a maximum of 4 rules (days, months, years and, optionally, day of the week)
642
+ for (i = 0; i < 4; i++) {
643
+
644
+ // if one of the values is not available
645
+ // replace it with a * (wildcard)
646
+ if (!rules[i]) rules[i] = '*';
647
+
648
+ // if rule contains a comma, create a new array by splitting the rule by commas
649
+ // if there are no commas create an array containing the rule's string
650
+ rules[i] = (rules[i].indexOf(',') > -1 ? rules[i].split(',') : new Array(rules[i]));
651
+
652
+ // iterate through the items in the rule
653
+ for (j = 0; j < rules[i].length; j++)
654
+
655
+ // if item contains a dash (defining a range)
656
+ if (rules[i][j].indexOf('-') > -1) {
657
+
658
+ // get the lower and upper limits of the range
659
+ limits = rules[i][j].match(/^([0-9]+)\-([0-9]+)/);
660
+
661
+ // if range is valid
662
+ if (null !== limits) {
663
+
664
+ // iterate through the range
665
+ for (k = to_int(limits[1]); k <= to_int(limits[2]); k++)
666
+
667
+ // if value is not already among the values of the rule
668
+ // add it to the rule
669
+ if ($.inArray(k, rules[i]) === -1) rules[i].push(k + '');
670
+
671
+ // remove the range indicator
672
+ rules[i].splice(j, 1);
673
+
674
+ }
675
+
676
+ }
677
+
678
+ // iterate through the items in the rule
679
+ // and make sure that numbers are numbers
680
+ for (j = 0; j < rules[i].length; j++) rules[i][j] = (isNaN(to_int(rules[i][j])) ? rules[i][j] : to_int(rules[i][j]));
681
+
682
+ }
683
+
684
+ // add to the correct list of processed rules
685
+ // first time we're doing disabled dates,
686
+ if (l === 0) disabled_dates.push(rules);
687
+
688
+ // second time we're doing enabled_dates
689
+ else if (l === 1) enabled_dates.push(rules);
690
+
691
+ // otherwise, we're doing the dates to which custom classes need to be applied
692
+ else {
693
+
694
+ if (undefined === custom_classes[custom_class_names[l - 2]]) custom_classes[custom_class_names[l - 2]] = [];
695
+ custom_classes[custom_class_names[l - 2]].push(rules);
696
+
697
+ }
698
+
699
+ });
700
+
701
+ }
702
+
703
+ var
704
+
705
+ // cache the current system date
706
+ date = new Date(),
707
+
708
+ // when the date picker's starting date depends on the value of another date picker, this value will be
709
+ // set by the other date picker
710
+ // this value will be used as base for all calculations (if not set, will be the same as the current
711
+ // system date)
712
+ reference_date = (!plugin.settings.reference_date ? ($element.data('zdp_reference_date') && undefined !== $element.data('zdp_reference_date') ? $element.data('zdp_reference_date') : date) : plugin.settings.reference_date),
713
+
714
+ tmp_start_date, tmp_end_date;
715
+
716
+ // reset these values here as this method might be called more than once during a date picker's lifetime
717
+ // (when the selectable dates depend on the values from another date picker)
718
+ start_date = undefined; end_date = undefined;
719
+
720
+ // extract the date parts
721
+ // also, save the current system month/day/year - we'll use them to highlight the current system date
722
+ first_selectable_month = reference_date.getMonth();
723
+ current_system_month = date.getMonth();
724
+ first_selectable_year = reference_date.getFullYear();
725
+ current_system_year = date.getFullYear();
726
+ first_selectable_day = reference_date.getDate();
727
+ current_system_day = date.getDate();
728
+
729
+ // check if the calendar has any restrictions
730
+
731
+ // calendar is future-only, starting today
732
+ // it means we have a starting date (the current system date), but no ending date
733
+ if (plugin.settings.direction === true) start_date = reference_date;
734
+
735
+ // calendar is past only, ending today
736
+ else if (plugin.settings.direction === false) {
737
+
738
+ // it means we have an ending date (the reference date), but no starting date
739
+ end_date = reference_date;
740
+
741
+ // extract the date parts
742
+ last_selectable_month = end_date.getMonth();
743
+ last_selectable_year = end_date.getFullYear();
744
+ last_selectable_day = end_date.getDate();
745
+
746
+ } else if (
747
+
748
+ // if direction is not given as an array and the value is an integer > 0
749
+ (!$.isArray(plugin.settings.direction) && is_integer(plugin.settings.direction) && to_int(plugin.settings.direction) > 0) ||
750
+
751
+ // or direction is given as an array
752
+ ($.isArray(plugin.settings.direction) && (
753
+
754
+ // and first entry is a valid date
755
+ (tmp_start_date = check_date(plugin.settings.direction[0])) ||
756
+ // or a boolean TRUE
757
+ plugin.settings.direction[0] === true ||
758
+ // or an integer > 0
759
+ (is_integer(plugin.settings.direction[0]) && plugin.settings.direction[0] > 0)
760
+
761
+ ) && (
762
+
763
+ // and second entry is a valid date
764
+ (tmp_end_date = check_date(plugin.settings.direction[1])) ||
765
+ // or a boolean FALSE
766
+ plugin.settings.direction[1] === false ||
767
+ // or integer >= 0
768
+ (is_integer(plugin.settings.direction[1]) && plugin.settings.direction[1] >= 0)
769
+
770
+ ))
771
+
772
+ ) {
773
+
774
+ // if an exact starting date was given, use that as a starting date
775
+ if (tmp_start_date) start_date = tmp_start_date;
776
+
777
+ // otherwise
778
+ else
779
+
780
+ // figure out the starting date
781
+ // use the Date object to normalize the date
782
+ // for example, 2011 05 33 will be transformed to 2011 06 02
783
+ start_date = new Date(
784
+ first_selectable_year,
785
+ first_selectable_month,
786
+ first_selectable_day + (!$.isArray(plugin.settings.direction) ? to_int(plugin.settings.direction) : to_int(plugin.settings.direction[0] === true ? 0 : plugin.settings.direction[0]))
787
+ );
788
+
789
+ // re-extract the date parts
790
+ first_selectable_month = start_date.getMonth();
791
+ first_selectable_year = start_date.getFullYear();
792
+ first_selectable_day = start_date.getDate();
793
+
794
+ // if an exact ending date was given and the date is after the starting date, use that as a ending date
795
+ if (tmp_end_date && +tmp_end_date >= +start_date) end_date = tmp_end_date;
796
+
797
+ // if have information about the ending date
798
+ else if (!tmp_end_date && plugin.settings.direction[1] !== false && $.isArray(plugin.settings.direction))
799
+
800
+ // figure out the ending date
801
+ // use the Date object to normalize the date
802
+ // for example, 2011 05 33 will be transformed to 2011 06 02
803
+ end_date = new Date(
804
+ first_selectable_year,
805
+ first_selectable_month,
806
+ first_selectable_day + to_int(plugin.settings.direction[1])
807
+ );
808
+
809
+ // if a valid ending date exists
810
+ if (end_date) {
811
+
812
+ // extract the date parts
813
+ last_selectable_month = end_date.getMonth();
814
+ last_selectable_year = end_date.getFullYear();
815
+ last_selectable_day = end_date.getDate();
816
+
817
+ }
818
+
819
+ } else if (
820
+
821
+ // if direction is not given as an array and the value is an integer < 0
822
+ (!$.isArray(plugin.settings.direction) && is_integer(plugin.settings.direction) && to_int(plugin.settings.direction) < 0) ||
823
+
824
+ // or direction is given as an array
825
+ ($.isArray(plugin.settings.direction) && (
826
+
827
+ // and first entry is boolean FALSE
828
+ plugin.settings.direction[0] === false ||
829
+ // or an integer < 0
830
+ (is_integer(plugin.settings.direction[0]) && plugin.settings.direction[0] < 0)
831
+
832
+ ) && (
833
+
834
+ // and second entry is a valid date
835
+ (tmp_start_date = check_date(plugin.settings.direction[1])) ||
836
+ // or an integer >= 0
837
+ (is_integer(plugin.settings.direction[1]) && plugin.settings.direction[1] >= 0)
838
+
839
+ ))
840
+
841
+ ) {
842
+
843
+ // figure out the ending date
844
+ // use the Date object to normalize the date
845
+ // for example, 2011 05 33 will be transformed to 2011 06 02
846
+ end_date = new Date(
847
+ first_selectable_year,
848
+ first_selectable_month,
849
+ first_selectable_day + (!$.isArray(plugin.settings.direction) ? to_int(plugin.settings.direction) : to_int(plugin.settings.direction[0] === false ? 0 : plugin.settings.direction[0]))
850
+ );
851
+
852
+ // re-extract the date parts
853
+ last_selectable_month = end_date.getMonth();
854
+ last_selectable_year = end_date.getFullYear();
855
+ last_selectable_day = end_date.getDate();
856
+
857
+ // if an exact starting date was given, and the date is before the ending date, use that as a starting date
858
+ if (tmp_start_date && +tmp_start_date < +end_date) start_date = tmp_start_date;
859
+
860
+ // if have information about the starting date
861
+ else if (!tmp_start_date && $.isArray(plugin.settings.direction))
862
+
863
+ // figure out the staring date
864
+ // use the Date object to normalize the date
865
+ // for example, 2011 05 33 will be transformed to 2011 06 02
866
+ start_date = new Date(
867
+ last_selectable_year,
868
+ last_selectable_month,
869
+ last_selectable_day - to_int(plugin.settings.direction[1])
870
+ );
871
+
872
+ // if a valid starting date exists
873
+ if (start_date) {
874
+
875
+ // extract the date parts
876
+ first_selectable_month = start_date.getMonth();
877
+ first_selectable_year = start_date.getFullYear();
878
+ first_selectable_day = start_date.getDate();
879
+
880
+ }
881
+
882
+ // if there are disabled dates
883
+ } else if ($.isArray(plugin.settings.disabled_dates) && plugin.settings.disabled_dates.length > 0)
884
+
885
+ // iterate through the rules for disabling dates
886
+ for (var interval in disabled_dates)
887
+
888
+ // only if there is a rule that disables *everything*
889
+ if (disabled_dates[interval][0] === '*' && disabled_dates[interval][1] === '*' && disabled_dates[interval][2] === '*' && disabled_dates[interval][3] === '*') {
890
+
891
+ var tmpDates = [];
892
+
893
+ // iterate through the rules for enabling dates
894
+ // looking for the minimum/maximum selectable date (if it's the case)
895
+ $.each(enabled_dates, function() {
896
+
897
+ var rule = this;
898
+
899
+ // if the rule doesn't apply to all years
900
+ if (rule[2][0] !== '*')
901
+
902
+ // format date and store it in our stack
903
+ tmpDates.push(parseInt(
904
+ rule[2][0] +
905
+ (rule[1][0] === '*' ? '12' : str_pad(rule[1][0], 2)) +
906
+ (rule[0][0] === '*' ? (rule[1][0] === '*' ? '31' : new Date(rule[2][0], rule[1][0], 0).getDate()) : str_pad(rule[0][0], 2)), 10));
907
+
908
+ });
909
+
910
+ // sort dates ascending
911
+ tmpDates.sort();
912
+
913
+ // if we have any rules
914
+ if (tmpDates.length > 0) {
915
+
916
+ // get date parts
917
+ var matches = (tmpDates[0] + '').match(/([0-9]{4})([0-9]{2})([0-9]{2})/);
918
+
919
+ // assign the date parts to the appropriate variables
920
+ first_selectable_year = parseInt(matches[1], 10);
921
+ first_selectable_month = parseInt(matches[2], 10) - 1;
922
+ first_selectable_day = parseInt(matches[3], 10);
923
+
924
+ }
925
+
926
+ // don't look further
927
+ break;
928
+
929
+ }
930
+
931
+ // if first selectable date exists but is disabled, find the actual first selectable date
932
+ if (is_disabled(first_selectable_year, first_selectable_month, first_selectable_day)) {
933
+
934
+ // loop until we find the first selectable year
935
+ while (is_disabled(first_selectable_year))
936
+
937
+ // if calendar is past-only,
938
+ if (!start_date) {
939
+
940
+ // decrement the year
941
+ first_selectable_year--;
942
+
943
+ // because we've changed years, reset the month to December
944
+ first_selectable_month = 11;
945
+
946
+ // otherwise
947
+ } else {
948
+
949
+ // increment the year
950
+ first_selectable_year++;
951
+
952
+ // because we've changed years, reset the month to January
953
+ first_selectable_month = 0;
954
+
955
+ }
956
+
957
+ // loop until we find the first selectable month
958
+ while (is_disabled(first_selectable_year, first_selectable_month)) {
959
+
960
+ // if calendar is past-only
961
+ if (!start_date) {
962
+
963
+ // decrement the month
964
+ first_selectable_month--;
965
+
966
+ // because we've changed months, reset the day to the last day of the month
967
+ first_selectable_day = new Date(first_selectable_year, first_selectable_month + 1, 0).getDate();
968
+
969
+ // otherwise
970
+ } else {
971
+
972
+ // increment the month
973
+ first_selectable_month++;
974
+
975
+ // because we've changed months, reset the day to the first day of the month
976
+ first_selectable_day = 1;
977
+
978
+ }
979
+
980
+ // if we moved to a following year
981
+ if (first_selectable_month > 11) {
982
+
983
+ // increment the year
984
+ first_selectable_year++;
985
+
986
+ // reset the month to January
987
+ first_selectable_month = 0;
988
+
989
+ // because we've changed months, reset the day to the first day of the month
990
+ first_selectable_day = 1;
991
+
992
+ // if we moved to a previous year
993
+ } else if (first_selectable_month < 0) {
994
+
995
+ // decrement the year
996
+ first_selectable_year--;
997
+
998
+ // reset the month to December
999
+ first_selectable_month = 11;
1000
+
1001
+ // because we've changed months, reset the day to the last day of the month
1002
+ first_selectable_day = new Date(first_selectable_year, first_selectable_month + 1, 0).getDate();
1003
+
1004
+ }
1005
+
1006
+ }
1007
+
1008
+ // loop until we find the first selectable day
1009
+ while (is_disabled(first_selectable_year, first_selectable_month, first_selectable_day)) {
1010
+
1011
+ // if calendar is past-only, decrement the day
1012
+ if (!start_date) first_selectable_day--;
1013
+
1014
+ // otherwise, increment the day
1015
+ else first_selectable_day++;
1016
+
1017
+ // use the Date object to normalize the date
1018
+ // for example, 2011 05 33 will be transformed to 2011 06 02
1019
+ date = new Date(first_selectable_year, first_selectable_month, first_selectable_day);
1020
+
1021
+ // re-extract date parts from the normalized date
1022
+ // as we use them in the current loop
1023
+ first_selectable_year = date.getFullYear();
1024
+ first_selectable_month = date.getMonth();
1025
+ first_selectable_day = date.getDate();
1026
+
1027
+ }
1028
+
1029
+ // use the Date object to normalize the date
1030
+ // for example, 2011 05 33 will be transformed to 2011 06 02
1031
+ date = new Date(first_selectable_year, first_selectable_month, first_selectable_day);
1032
+
1033
+ // re-extract date parts from the normalized date
1034
+ // as we use them in the current loop
1035
+ first_selectable_year = date.getFullYear();
1036
+ first_selectable_month = date.getMonth();
1037
+ first_selectable_day = date.getDate();
1038
+
1039
+ }
1040
+
1041
+ // get the default date, from the element, and check if it represents a valid date, according to the required format
1042
+ var default_date = check_date($element.val() || (plugin.settings.start_date ? plugin.settings.start_date : ''));
1043
+
1044
+ // if there is a default date, date picker is in "strict" mode, and the default date is disabled
1045
+ if (default_date && plugin.settings.strict && is_disabled(default_date.getFullYear(), default_date.getMonth(), default_date.getDate()))
1046
+
1047
+ // clear the value of the parent element
1048
+ $element.val('');
1049
+
1050
+ // updates value for the date picker whose starting date depends on the selected date (if any)
1051
+ if (!update && (undefined !== start_date || undefined !== default_date))
1052
+ update_dependent(undefined !== default_date ? default_date : start_date);
1053
+
1054
+ // if date picker is not always visible in a container
1055
+ if (!(plugin.settings.always_visible instanceof jQuery)) {
1056
+
1057
+ // if we're just creating the date picker
1058
+ if (!update) {
1059
+
1060
+ // if a calendar icon should be added to the element the plugin is attached to, create the icon now
1061
+ if (plugin.settings.show_icon) {
1062
+
1063
+ // strangely, in Firefox 21+ (or maybe even earlier) input elements have their "display" property
1064
+ // set to "inline" instead of "inline-block" as do all the other browsers.
1065
+ // because this behavior brakes the positioning of the icon, we'll set the "display" property to
1066
+ // "inline-block" before anything else;
1067
+ if (browser.name === 'firefox' && $element.is('input[type="text"]') && $element.css('display') === 'inline') $element.css('display', 'inline-block');
1068
+
1069
+ // we create a wrapper for the parent element so that we can later position the icon
1070
+ // also, make sure the wrapper inherits some important css properties of the parent element
1071
+ var icon_wrapper = $('<span class="Zebra_DatePicker_Icon_Wrapper"></span>').css({
1072
+ display: $element.css('display'),
1073
+ position: $element.css('position') === 'static' ? 'relative' : $element.css('position'),
1074
+ float: $element.css('float'),
1075
+ top: $element.css('top'),
1076
+ right: $element.css('right'),
1077
+ bottom: $element.css('bottom'),
1078
+ left: $element.css('left')
1079
+ });
1080
+
1081
+ // if parent element has its "display" property set to "block"
1082
+ // the wrapper has to have its "width" set
1083
+ if ($element.css('display') === 'block') icon_wrapper.css('width', $element.outerWidth(true));
1084
+
1085
+ // put wrapper around the element
1086
+ // also, make sure we set some important css properties for it
1087
+ $element.wrap(icon_wrapper).css({
1088
+ position: 'relative',
1089
+ top: 'auto',
1090
+ right: 'auto',
1091
+ bottom: 'auto',
1092
+ left: 'auto'
1093
+ });
1094
+
1095
+ // create the actual calendar icon (show a disabled icon if the element is disabled)
1096
+ icon = $('<button type="button" class="Zebra_DatePicker_Icon' + ($element.attr('disabled') === 'disabled' ? ' Zebra_DatePicker_Icon_Disabled' : '') + '">Pick a date</button>');
1097
+
1098
+ // a reference to the icon, as a global property
1099
+ plugin.icon = icon;
1100
+
1101
+ // the date picker will open when clicking both the icon and the element the plugin is attached to
1102
+ // (or the icon only, if set so)
1103
+ clickables = plugin.settings.open_icon_only ? icon : icon.add($element);
1104
+
1105
+ // if calendar icon is not visible, the date picker will open when clicking the element
1106
+ } else clickables = $element;
1107
+
1108
+ // attach the "click" and, if required, the "focus" event to the clickable elements (icon and/or element)
1109
+ clickables.on('click.Zebra_DatePicker_' + uniqueid + (plugin.settings.open_on_focus ? ' focus.Zebra_DatePicker_' + uniqueid : ''), function() {
1110
+
1111
+ // if date picker is not visible and element is not disabled
1112
+ if (datepicker.hasClass('dp_hidden') && !$element.attr('disabled'))
1113
+
1114
+ // show the date picker
1115
+ plugin.show();
1116
+
1117
+ });
1118
+
1119
+ // attach a keydown event to the clickable elements (icon and/or element)
1120
+ clickables.on('keydown.Zebra_DatePicker_' + uniqueid, function(e) {
1121
+
1122
+ // if "Tab" key was pressed and the date picker is visible
1123
+ if (e.keyCode === 9 && !datepicker.hasClass('dp_hidden'))
1124
+
1125
+ // hide the date picker
1126
+ plugin.hide();
1127
+
1128
+ });
1129
+
1130
+ // if users can manually enter dates and a pair date element exists
1131
+ if (!plugin.settings.readonly_element && plugin.settings.pair)
1132
+
1133
+ // whenever the element looses focus
1134
+ $element.on('blur.Zebra_DatePicker_' + uniqueid, function() {
1135
+
1136
+ var date;
1137
+
1138
+ // if a valid date was entered, update the paired date picker
1139
+ if ((date = check_date($(this).val())) && !is_disabled(date.getFullYear(), date.getMonth(), date.getDate())) update_dependent(date);
1140
+
1141
+ });
1142
+
1143
+ // if icon exists, inject it into the DOM, right after the parent element (and inside the wrapper)
1144
+ if (undefined !== icon) icon.insertAfter($element);
1145
+
1146
+ }
1147
+
1148
+ // if calendar icon exists
1149
+ if (undefined !== icon) {
1150
+
1151
+ // needed when updating: remove any inline style set previously by library,
1152
+ // so we get the right values below
1153
+ icon.attr('style', '');
1154
+
1155
+ // if calendar icon is to be placed *inside* the element
1156
+ // add an extra class to the icon
1157
+ if (plugin.settings.inside) icon.addClass('Zebra_DatePicker_Icon_Inside_' + (plugin.settings.icon_position === 'right' ? 'Right' : 'Left'));
1158
+
1159
+ var
1160
+
1161
+ // get element's width and height (including margins)
1162
+ element_width = $element.outerWidth(),
1163
+ element_height = $element.outerHeight(),
1164
+ element_margin_left = parseInt($element.css('marginLeft'), 10) || 0,
1165
+ element_margin_top = parseInt($element.css('marginTop'), 10) || 0,
1166
+
1167
+ // get icon's width, height and margins
1168
+ icon_width = icon.outerWidth(),
1169
+ icon_height = icon.outerHeight(),
1170
+ icon_margin_left = parseInt(icon.css('marginLeft'), 10) || 0,
1171
+ icon_margin_right = parseInt(icon.css('marginRight'), 10) || 0;
1172
+
1173
+ // if icon is to be placed *inside* the element
1174
+ // position the icon accordingly
1175
+ if (plugin.settings.inside) {
1176
+
1177
+ // set icon's top
1178
+ icon.css('top', element_margin_top + ((element_height - icon_height) / 2));
1179
+
1180
+ // place icon to the right or to the left, according to the settings
1181
+ if (plugin.settings.icon_position === 'right') icon.css('right', 0);
1182
+ else icon.css('left', 0);
1183
+
1184
+ // if icon is to be placed to the right of the element
1185
+ // position the icon accordingly
1186
+ } else
1187
+
1188
+ icon.css({
1189
+ top: element_margin_top + ((element_height - icon_height) / 2),
1190
+ left: element_margin_left + element_width + icon_margin_left
1191
+ });
1192
+
1193
+ // assume the datepicker is not disabled
1194
+ icon.removeClass(' Zebra_DatePicker_Icon_Disabled');
1195
+
1196
+ // if element the datepicker is attached to became disabled, disable the calendar icon, too
1197
+ if ($element.attr('disabled') === 'disabled') icon.addClass('Zebra_DatePicker_Icon_Disabled');
1198
+
1199
+ }
1200
+
1201
+ }
1202
+
1203
+ // if the "Today" button is to be shown and it makes sense to be shown
1204
+ // (the "days" view is available and "today" is not a disabled date)
1205
+ show_select_today = (plugin.settings.show_select_today !== false && $.inArray('days', views) > -1 && !is_disabled(current_system_year, current_system_month, current_system_day) ? plugin.settings.show_select_today : false);
1206
+
1207
+ // if we just needed to recompute the things above
1208
+ if (update) {
1209
+
1210
+ // make sure we update these strings, in case they've changed
1211
+ $('.dp_previous', datepicker).html(plugin.settings.navigation[0]);
1212
+ $('.dp_next', datepicker).html(plugin.settings.navigation[1]);
1213
+ $('.dp_time_controls_increase .dp_time_control', datepicker).html(plugin.settings.navigation[2]);
1214
+ $('.dp_time_controls_decrease .dp_time_control', datepicker).html(plugin.settings.navigation[3]);
1215
+ $('.dp_clear', datepicker).html(plugin.settings.lang_clear_date);
1216
+ $('.dp_today', datepicker).html(plugin.settings.show_select_today);
1217
+
1218
+ // don't go further
1219
+ return;
1220
+
1221
+ }
1222
+
1223
+ // update icon/date picker position on resize and/or changing orientation
1224
+ $(window).on('resize.Zebra_DatePicker_' + uniqueid + ', orientationchange.Zebra_DatePicker_' + uniqueid, function() {
1225
+
1226
+ // hide the date picker
1227
+ plugin.hide();
1228
+
1229
+ // if the icon is visible, update its position as the parent element might have changed position
1230
+ if (icon !== undefined) {
1231
+
1232
+ // we use timeouts so that we do not call the "update" method on *every* step of the resize event
1233
+
1234
+ // clear a previously set timeout
1235
+ clearTimeout(timeout);
1236
+
1237
+ // set timeout again
1238
+ timeout = setTimeout(function() {
1239
+
1240
+ // update the date picker
1241
+ plugin.update();
1242
+
1243
+ }, 100);
1244
+
1245
+ }
1246
+
1247
+ });
1248
+
1249
+ // generate the container that will hold everything
1250
+ var html = '' +
1251
+ '<div class="Zebra_DatePicker">' +
1252
+ '<table class="dp_header dp_actions">' +
1253
+ '<tr>' +
1254
+ '<td class="dp_previous">' + plugin.settings.navigation[0] + '</td>' +
1255
+ '<td class="dp_caption"></td>' +
1256
+ '<td class="dp_next">' + plugin.settings.navigation[1] + '</td>' +
1257
+ '</tr>' +
1258
+ '</table>' +
1259
+ '<table class="dp_daypicker' + (plugin.settings.show_week_number ? ' dp_week_numbers' : '') + ' dp_body"></table>' +
1260
+ '<table class="dp_monthpicker dp_body"></table>' +
1261
+ '<table class="dp_yearpicker dp_body"></table>' +
1262
+ '<table class="dp_timepicker dp_body"></table>' +
1263
+ '<table class="dp_footer dp_actions"><tr>' +
1264
+ '<td class="dp_today">' + show_select_today + '</td>' +
1265
+ '<td class="dp_clear">' + plugin.settings.lang_clear_date + '</td>' +
1266
+ '<td class="dp_view_toggler dp_icon"></td>' +
1267
+ '<td class="dp_confirm dp_icon"></td>' +
1268
+ '</tr></table>' +
1269
+ '</div>';
1270
+
1271
+ // create a jQuery object out of the HTML above and create a reference to it
1272
+ datepicker = $(html);
1273
+
1274
+ // create references to the different parts of the date picker
1275
+ header = $('table.dp_header', datepicker);
1276
+ daypicker = $('table.dp_daypicker', datepicker);
1277
+ monthpicker = $('table.dp_monthpicker', datepicker);
1278
+ yearpicker = $('table.dp_yearpicker', datepicker);
1279
+ timepicker = $('table.dp_timepicker', datepicker);
1280
+ footer = $('table.dp_footer', datepicker);
1281
+ selecttoday = $('td.dp_today', footer);
1282
+ cleardate = $('td.dp_clear', footer);
1283
+ view_toggler = $('td.dp_view_toggler', footer);
1284
+ confirm_selection = $('td.dp_confirm', footer);
1285
+
1286
+ // if date picker is not always visible in a container
1287
+ if (!(plugin.settings.always_visible instanceof jQuery))
1288
+
1289
+ // inject the container into the DOM
1290
+ plugin.settings.container.append(datepicker);
1291
+
1292
+ // otherwise, if element is not disabled
1293
+ else if (!$element.attr('disabled')) {
1294
+
1295
+ // inject the date picker into the designated container element
1296
+ plugin.settings.always_visible.append(datepicker);
1297
+
1298
+ // and make it visible right away
1299
+ plugin.show();
1300
+
1301
+ }
1302
+
1303
+ // add the mouseover/mousevents to all to the date picker's cells
1304
+ // except those that are not selectable
1305
+ datepicker
1306
+ .on('mouseover', 'td:not(.dp_disabled)', function() {
1307
+ $(this).addClass('dp_hover');
1308
+ })
1309
+ .on('mouseout', 'td:not(.dp_disabled)', function() {
1310
+ $(this).removeClass('dp_hover');
1311
+ });
1312
+
1313
+ // prevent text selection (prevent accidental select when user clicks too fast)
1314
+ disable_text_select(datepicker);
1315
+
1316
+ // event for when clicking the "previous" button
1317
+ $('.dp_previous', header).on('click', function() {
1318
+
1319
+ // if view is "months"
1320
+ // decrement year by one
1321
+ if (view === 'months') selected_year--;
1322
+
1323
+ // if view is "years"
1324
+ // decrement years by 12
1325
+ else if (view === 'years') selected_year -= 12;
1326
+
1327
+ // if view is "days"
1328
+ // decrement the month and
1329
+ // if month is out of range
1330
+ else if (--selected_month < 0) {
1331
+
1332
+ // go to the last month of the previous year
1333
+ selected_month = 11;
1334
+ selected_year--;
1335
+
1336
+ }
1337
+
1338
+ // generate the appropriate view
1339
+ manage_views();
1340
+
1341
+ });
1342
+
1343
+ // attach a click event to the caption in header
1344
+ $('.dp_caption', header).on('click', function() {
1345
+
1346
+ // if current view is "days", take the user to the next view, depending on the format
1347
+ if (view === 'days') view = ($.inArray('months', views) > -1 ? 'months' : ($.inArray('years', views) > -1 ? 'years' : 'days'));
1348
+
1349
+ // if current view is "months", take the user to the next view, depending on the format
1350
+ else if (view === 'months') view = ($.inArray('years', views) > -1 ? 'years' : ($.inArray('days', views) > -1 ? 'days' : 'months'));
1351
+
1352
+ // if current view is "years", take the user to the next view, depending on the format
1353
+ else view = ($.inArray('days', views) > -1 ? 'days' : ($.inArray('months', views) > -1 ? 'months' : 'years'));
1354
+
1355
+ // generate the appropriate view
1356
+ manage_views();
1357
+
1358
+ });
1359
+
1360
+ // event for when clicking the "next" button
1361
+ $('.dp_next', header).on('click', function() {
1362
+
1363
+ // if view is "months"
1364
+ // increment year by 1
1365
+ if (view === 'months') selected_year++;
1366
+
1367
+ // if view is "years"
1368
+ // increment years by 12
1369
+ else if (view === 'years') selected_year += 12;
1370
+
1371
+ // if view is "days"
1372
+ // increment the month and
1373
+ // if month is out of range
1374
+ else if (++selected_month === 12) {
1375
+
1376
+ // go to the first month of the next year
1377
+ selected_month = 0;
1378
+ selected_year++;
1379
+
1380
+ }
1381
+
1382
+ // generate the appropriate view
1383
+ manage_views();
1384
+
1385
+ });
1386
+
1387
+ // attach a click event for the cells in the day picker
1388
+ daypicker.on('click', 'td:not(.dp_disabled)', function() {
1389
+
1390
+ var matches;
1391
+
1392
+ // if other months are selectable and currently clicked cell contains a class with the cell's date
1393
+ if (plugin.settings.select_other_months && $(this).attr('class') && null !== (matches = $(this).attr('class').match(/date\_([0-9]{4})(0[1-9]|1[012])(0[1-9]|[12][0-9]|3[01])/)))
1394
+
1395
+ // use the stored date
1396
+ select_date(matches[1], matches[2] - 1, matches[3], 'days', $(this));
1397
+
1398
+ // put selected date in the element the plugin is attached to, and hide the date picker
1399
+ else select_date(selected_year, selected_month, to_int($(this).html()), 'days', $(this));
1400
+
1401
+ });
1402
+
1403
+ // attach a click event for the cells in the month picker
1404
+ monthpicker.on('click', 'td:not(.dp_disabled)', function() {
1405
+
1406
+ // get the month we've clicked on
1407
+ var matches = $(this).attr('class').match(/dp\_month\_([0-9]+)/);
1408
+
1409
+ // set the selected month
1410
+ selected_month = to_int(matches[1]);
1411
+
1412
+ // if user can select only years and months
1413
+ if ($.inArray('days', views) === -1)
1414
+
1415
+ // put selected date in the element the plugin is attached to, and hide the date picker
1416
+ select_date(selected_year, selected_month, 1, 'months', $(this));
1417
+
1418
+ else {
1419
+
1420
+ // direct the user to the "days" view
1421
+ view = 'days';
1422
+
1423
+ // if date picker is always visible
1424
+ // empty the value in the text box the date picker is attached to
1425
+ if (plugin.settings.always_visible) $element.val('');
1426
+
1427
+ // generate the appropriate view
1428
+ manage_views();
1429
+
1430
+ }
1431
+
1432
+ });
1433
+
1434
+ // attach a click event for the cells in the year picker
1435
+ yearpicker.on('click', 'td:not(.dp_disabled)', function() {
1436
+
1437
+ // set the selected year
1438
+ selected_year = to_int($(this).html());
1439
+
1440
+ // if user can select only years
1441
+ if ($.inArray('months', views) === -1)
1442
+
1443
+ // put selected date in the element the plugin is attached to, and hide the date picker
1444
+ select_date(selected_year, 1, 1, 'years', $(this));
1445
+
1446
+ else {
1447
+
1448
+ // direct the user to the "months" view
1449
+ view = 'months';
1450
+
1451
+ // if date picker is always visible
1452
+ // empty the value in the text box the date picker is attached to
1453
+ if (plugin.settings.always_visible) $element.val('');
1454
+
1455
+ // generate the appropriate view
1456
+ manage_views();
1457
+
1458
+ }
1459
+
1460
+ });
1461
+
1462
+ // function to execute when the "Today" button is clicked
1463
+ selecttoday.on('click', function(e) {
1464
+
1465
+ // date might have changed since we opened the date picker, so always use the current date
1466
+ var date = new Date;
1467
+
1468
+ e.preventDefault();
1469
+
1470
+ // select the current date
1471
+ select_date(date.getFullYear(), date.getMonth(), date.getDate(), 'days', $('.dp_current', daypicker));
1472
+
1473
+ });
1474
+
1475
+ // function to execute when the "Clear" button is clicked
1476
+ cleardate.on('click', function(e) {
1477
+
1478
+ e.preventDefault();
1479
+
1480
+ // clear the element's value
1481
+ $element.val('');
1482
+
1483
+ // reset these values
1484
+ default_day = null; default_month = null; default_year = null;
1485
+
1486
+ // if date picker is not always visible
1487
+ if (!plugin.settings.always_visible) {
1488
+
1489
+ // reset these values
1490
+ selected_month = null; selected_year = null;
1491
+
1492
+ // if date picker is always visible
1493
+ } else
1494
+
1495
+ // remove the "selected" class from all cells that have it
1496
+ $('td.dp_selected', datepicker).removeClass('dp_selected');
1497
+
1498
+ // give the focus back to the parent element
1499
+ $element.focus();
1500
+
1501
+ // hide the date picker
1502
+ plugin.hide();
1503
+
1504
+ // if a callback function exists for when clearing a date
1505
+ if (plugin.settings.onClear && typeof plugin.settings.onClear === 'function')
1506
+
1507
+ // execute the callback function and pass as argument the element the plugin is attached to
1508
+ plugin.settings.onClear.call($element, $element);
1509
+
1510
+ });
1511
+
1512
+ // function to execute when the clock/calendar button is clicked in the footer
1513
+ view_toggler.on('click', function() {
1514
+
1515
+ // if we're not in the time picker mode
1516
+ if (view !== 'time') {
1517
+
1518
+ // switch to time picker mode
1519
+ view = 'time';
1520
+ manage_views();
1521
+
1522
+ // if we are already in the time picker mode,
1523
+ // switch back to the standard view
1524
+ // (let the click on the header's caption handle things)
1525
+ } else $('.dp_caption', header).trigger('click');
1526
+
1527
+ });
1528
+
1529
+ // when the "confirm selection" button is clicked, hide the date picker
1530
+ // (visible only when in the "time" view)
1531
+ confirm_selection.on('click', function() {
1532
+
1533
+ // as users may click this before making any adjustments to time, simulate time adjustment so that
1534
+ // a value is selected
1535
+ $('.dp_time_controls_increase td').trigger('click');
1536
+ $('.dp_time_controls_decrease td').trigger('click');
1537
+
1538
+ plugin.hide();
1539
+
1540
+ });
1541
+
1542
+ // handle value increases on the time picker
1543
+ datepicker.on('click', '.dp_time_controls_increase td, .dp_time_controls_decrease td', function() {
1544
+
1545
+ var
1546
+
1547
+ // are we increasing or decreasing values?
1548
+ increase = $(this).parent('.dp_time_controls_increase').length > 0,
1549
+
1550
+ // figure out what we're increasing (hour, minutes, seconds, ampm)
1551
+ matches = $(this).attr('class').match(/dp\_time\_([^\s]+)/i),
1552
+ value_container = $('.dp_time_segments .dp_time_' + matches[1] + (matches[1] !== 'ampm' ? 's' : ''), timepicker),
1553
+
1554
+ // the current value (strip the zeros in front)
1555
+ value = value_container.text().toLowerCase(),
1556
+
1557
+ // the array with allowed values
1558
+ lookup = timepicker_config[matches[1] + (matches[1] !== 'ampm' ? 's' : '')],
1559
+
1560
+ // the current value's position in the array of allowed values
1561
+ current_value_position = lookup.indexOf(matches[1] !== 'ampm' ? parseInt(value, 10) : value),
1562
+
1563
+ // the next value's position in the lookup array
1564
+ next_value_position = current_value_position === -1 ? 0 : (increase ? (current_value_position + 1 >= lookup.length ? 0 : current_value_position + 1) : (current_value_position - 1 < 0 ? lookup.length - 1 : current_value_position - 1)),
1565
+
1566
+ default_date;
1567
+
1568
+ // increase/decrease the required value according to the values in the lookup array
1569
+ if (matches[1] === 'hour') selected_hour = lookup[next_value_position];
1570
+ else if (matches[1] === 'minute') selected_minute = lookup[next_value_position];
1571
+ else if (matches[1] === 'second') selected_second = lookup[next_value_position];
1572
+ else selected_ampm = lookup[next_value_position];
1573
+
1574
+ // if a default day is not available and the "start_date" property is set
1575
+ if (!default_day && plugin.settings.start_date) {
1576
+
1577
+ // check if "start_date" is valid according to the format
1578
+ default_date = check_date(plugin.settings.start_date);
1579
+
1580
+ // ...and if it is, extract the day from there
1581
+ if (default_date) default_day = default_date.getDate();
1582
+
1583
+ }
1584
+
1585
+ // if still no value, use the first selectable day
1586
+ if (!default_day) default_day = first_selectable_day;
1587
+
1588
+ // set the new value
1589
+ value_container.text(str_pad(lookup[next_value_position], 2).toUpperCase());
1590
+
1591
+ // update the value in the element
1592
+ select_date(selected_year, selected_month, default_day);
1593
+
1594
+ });
1595
+
1596
+ // if date picker is not always visible in a container
1597
+ if (!(plugin.settings.always_visible instanceof jQuery)) {
1598
+
1599
+ // whenever anything is clicked on the page
1600
+ $(document).on('mousedown.Zebra_DatePicker_' + uniqueid + ' touchstart.Zebra_DatePicker_' + uniqueid, function(e) {
1601
+
1602
+ // if
1603
+ if (
1604
+
1605
+ // date picker is visible
1606
+ !datepicker.hasClass('dp_hidden') &&
1607
+ (
1608
+ // date picker opens only on interacting with the icon, icon exists, but it is not the clicked element
1609
+ (plugin.settings.open_icon_only && plugin.icon && $(e.target).get(0) !== plugin.icon.get(0)) ||
1610
+
1611
+ // date picker doesn't open only on interacting with the icon but the clicked element it's not the icon nor the parent element
1612
+ (!plugin.settings.open_icon_only && $(e.target).get(0) !== $element.get(0) && (!plugin.icon || $(e.target).get(0) !== plugin.icon.get(0)))
1613
+
1614
+ ) &&
1615
+
1616
+ // and the click is not inside the calendar
1617
+ $(e.target).parents().filter('.Zebra_DatePicker').length === 0
1618
+
1619
+ // hide the date picker
1620
+ ) plugin.hide(true);
1621
+
1622
+ });
1623
+
1624
+ // whenever a key is pressed on the page
1625
+ $(document).on('keyup.Zebra_DatePicker_' + uniqueid, function(e) {
1626
+
1627
+ // if the date picker is visible
1628
+ // and the pressed key is ESC
1629
+ // hide the date picker
1630
+ if (!datepicker.hasClass('dp_hidden') && e.which === 27) plugin.hide();
1631
+
1632
+ });
1633
+
1634
+ }
1635
+
1636
+ // last thing is to pre-render some of the date picker right away
1637
+ manage_views();
1638
+
1639
+ };
1640
+
1641
+ /**
1642
+ * Clears the selected date.
1643
+ *
1644
+ * @return void
1645
+ */
1646
+ plugin.clear_date = function() {
1647
+
1648
+ $(cleardate).trigger('click');
1649
+
1650
+ };
1651
+
1652
+ /**
1653
+ * Destroys the date picker.
1654
+ *
1655
+ * @return void
1656
+ */
1657
+ plugin.destroy = function() {
1658
+
1659
+ // if the calendar icon exists
1660
+ if (undefined !== plugin.icon) {
1661
+
1662
+ // remove associated event handlers
1663
+ plugin.icon.off('click.Zebra_DatePicker_' + uniqueid);
1664
+ plugin.icon.off('focus.Zebra_DatePicker_' + uniqueid);
1665
+ plugin.icon.off('keydown.Zebra_DatePicker_' + uniqueid);
1666
+
1667
+ // remove the icon itself
1668
+ plugin.icon.remove();
1669
+
1670
+ }
1671
+
1672
+ // remove all events attached to the datepicker
1673
+ // (these are the ones for increasing/decreasing values in the time picker)
1674
+ datepicker.off();
1675
+
1676
+ // remove the calendar
1677
+ datepicker.remove();
1678
+
1679
+ // if calendar icon was shown and the date picker was not always visible in a container,
1680
+ // also remove the wrapper used for positioning it
1681
+ if (plugin.settings.show_icon && !(plugin.settings.always_visible instanceof jQuery)) $element.unwrap();
1682
+
1683
+ // remove associated event handlers from the element
1684
+ $element.off('blur.Zebra_DatePicker_' + uniqueid);
1685
+ $element.off('click.Zebra_DatePicker_' + uniqueid);
1686
+ $element.off('focus.Zebra_DatePicker_' + uniqueid);
1687
+ $element.off('keydown.Zebra_DatePicker_' + uniqueid);
1688
+ $element.off('mousedown.Zebra_DatePicker_' + uniqueid);
1689
+
1690
+ // remove associated event handlers from the document
1691
+ $(document).off('keyup.Zebra_DatePicker_' + uniqueid);
1692
+ $(document).off('mousedown.Zebra_DatePicker_' + uniqueid);
1693
+ $(document).off('touchstart.Zebra_DatePicker_' + uniqueid);
1694
+ $(window).off('resize.Zebra_DatePicker_' + uniqueid);
1695
+ $(window).off('orientationchange.Zebra_DatePicker_' + uniqueid);
1696
+
1697
+ // remove association with the element
1698
+ $element.removeData('Zebra_DatePicker');
1699
+
1700
+ // restore element's modified attributes
1701
+ $element.attr('readonly', original_attributes['readonly']);
1702
+ $element.attr('style', original_attributes['style'] ? original_attributes['style'] : '');
1703
+
1704
+ };
1705
+
1706
+ /**
1707
+ * Hides the date picker.
1708
+ *
1709
+ * @return void
1710
+ */
1711
+ plugin.hide = function(outside) {
1712
+
1713
+ // if date picker is not always visible or we clicked outside the date picker
1714
+ // (the "outside" argument is TRUE when clicking outside the date picker and the "always_visible" is set to boolean TRUE)
1715
+ if (!plugin.settings.always_visible || outside) {
1716
+
1717
+ // hide the iFrameShim in Internet Explorer 6
1718
+ iframeShim('hide');
1719
+
1720
+ // hide the date picker
1721
+ datepicker.addClass('dp_hidden');
1722
+
1723
+ // if a callback function exists for when hiding the date picker
1724
+ if (plugin.settings.onClose && typeof plugin.settings.onClose === 'function')
1725
+
1726
+ // execute the callback function and pass as argument the element the plugin is attached to
1727
+ plugin.settings.onClose.call($element, $element);
1728
+
1729
+ }
1730
+
1731
+ };
1732
+
1733
+ /**
1734
+ * Set the date picker's value
1735
+ *
1736
+ * Must be in the format set by the "format" property!
1737
+ *
1738
+ * @return void
1739
+ */
1740
+ plugin.set_date = function(date) {
1741
+
1742
+ var dateObj;
1743
+
1744
+ // if a valid date was entered, and date is not disabled
1745
+ if ((dateObj = check_date(date)) && !is_disabled(dateObj.getFullYear(), dateObj.getMonth(), dateObj.getDate())) {
1746
+
1747
+ // set the element's value
1748
+ $element.val(date);
1749
+
1750
+ // update the paired date picker (if any)
1751
+ update_dependent(dateObj);
1752
+
1753
+ }
1754
+
1755
+ };
1756
+
1757
+ /**
1758
+ * Shows the date picker.
1759
+ *
1760
+ * @return void
1761
+ */
1762
+ plugin.show = function() {
1763
+
1764
+ // always show the view defined in settings
1765
+ view = plugin.settings.view;
1766
+
1767
+ // get the default date, from the element, and check if it represents a valid date, according to the required format
1768
+ var default_date = check_date($element.val() || (plugin.settings.start_date ? plugin.settings.start_date : '')),
1769
+ current_date;
1770
+
1771
+ // if the value represents a valid date
1772
+ if (default_date) {
1773
+
1774
+ // extract the date parts
1775
+ // we'll use these to highlight the default date in the date picker and as starting point to
1776
+ // what year and month to start the date picker with
1777
+ // why separate values? because selected_* will change as user navigates within the date picker
1778
+ default_month = default_date.getMonth();
1779
+ selected_month = default_date.getMonth();
1780
+ default_year = default_date.getFullYear();
1781
+ selected_year = default_date.getFullYear();
1782
+ default_day = default_date.getDate();
1783
+
1784
+ // if the default date represents a disabled date
1785
+ if (is_disabled(default_year, default_month, default_day)) {
1786
+
1787
+ // if date picker is in "strict" mode, clear the value of the parent element
1788
+ if (plugin.settings.strict) $element.val('');
1789
+
1790
+ // the calendar will start with the first selectable year/month
1791
+ selected_month = first_selectable_month;
1792
+ selected_year = first_selectable_year;
1793
+
1794
+ }
1795
+
1796
+ // if a default value is not available, or value does not represent a valid date
1797
+ } else {
1798
+
1799
+ // the calendar will start with the first selectable year/month
1800
+ selected_month = first_selectable_month;
1801
+ selected_year = first_selectable_year;
1802
+
1803
+ }
1804
+
1805
+ // whatever the case, if time picker is enabled
1806
+ if (timepicker_config) {
1807
+
1808
+ // if a default date is available, use the time from there
1809
+ if (default_date) current_date = default_date;
1810
+
1811
+ // use current system time otherwise
1812
+ else current_date = new Date();
1813
+
1814
+ // extract time parts from it
1815
+ selected_hour = current_date.getHours();
1816
+ selected_minute = current_date.getMinutes();
1817
+ selected_second = current_date.getSeconds();
1818
+ selected_ampm = (selected_hour >= 12 ? 'pm' : 'am');
1819
+
1820
+ // if hour is in 12 hour format
1821
+ if (timepicker_config.is12hour)
1822
+
1823
+ // convert it to the correct value
1824
+ selected_hour = (selected_hour % 12 === 0 ? 12 : selected_hour % 12);
1825
+
1826
+ // make sure that the default values are withing the allowed range, if a range is defined
1827
+ if ($.isArray(plugin.settings.enabled_hours) && $.inArray(selected_hour, plugin.settings.enabled_hours) === -1) selected_hour = plugin.settings.enabled_hours[0];
1828
+ if ($.isArray(plugin.settings.enabled_minutes) && $.inArray(selected_minute, plugin.settings.enabled_minutes) === -1) selected_minute = plugin.settings.enabled_minutes[0];
1829
+ if ($.isArray(plugin.settings.enabled_seconds) && $.inArray(selected_second, plugin.settings.enabled_seconds) === -1) selected_second = plugin.settings.enabled_seconds[0];
1830
+
1831
+ }
1832
+
1833
+ // generate the appropriate view
1834
+ manage_views();
1835
+
1836
+ // if date picker is not always visible in a container, and the calendar icon is visible
1837
+ if (!(plugin.settings.always_visible instanceof jQuery)) {
1838
+
1839
+ // if date picker is to be injected into the <body>
1840
+ if (plugin.settings.container.is('body')) {
1841
+
1842
+ var
1843
+
1844
+ // get the date picker width and height
1845
+ datepicker_width = datepicker.outerWidth(),
1846
+ datepicker_height = datepicker.outerHeight(),
1847
+
1848
+ // compute the date picker's default left and top
1849
+ // this will be computed relative to the icon's top-right corner (if the calendar icon exists), or
1850
+ // relative to the element's top-right corner otherwise, to which the offsets given at initialization
1851
+ // are added/subtracted
1852
+ left = (undefined !== icon ? icon.offset().left + icon.outerWidth(true) : $element.offset().left + $element.outerWidth(true)) + plugin.settings.offset[0],
1853
+ top = (undefined !== icon ? icon.offset().top : $element.offset().top) - datepicker_height + plugin.settings.offset[1],
1854
+
1855
+ // get browser window's width and height
1856
+ window_width = $(window).width(),
1857
+ window_height = $(window).height(),
1858
+
1859
+ // get browser window's horizontal and vertical scroll offsets
1860
+ window_scroll_top = $(window).scrollTop(),
1861
+ window_scroll_left = $(window).scrollLeft();
1862
+
1863
+ if (plugin.settings.default_position === 'below')
1864
+ top = (undefined !== icon ? icon.offset().top : $element.offset().top) + plugin.settings.offset[1];
1865
+
1866
+ // if date picker is outside the viewport, adjust its position so that it is visible
1867
+ if (left + datepicker_width > window_scroll_left + window_width) left = window_scroll_left + window_width - datepicker_width;
1868
+ if (left < window_scroll_left) left = window_scroll_left;
1869
+
1870
+ if (top + datepicker_height > window_scroll_top + window_height) top = window_scroll_top + window_height - datepicker_height;
1871
+ if (top < window_scroll_top) top = window_scroll_top;
1872
+
1873
+ // make the date picker visible
1874
+ datepicker.css({
1875
+ left: left,
1876
+ top: top
1877
+ });
1878
+
1879
+ // if date picker is to be injected into a custom container element
1880
+ } else
1881
+
1882
+ datepicker.css({
1883
+ left: 0,
1884
+ top: 0
1885
+ });
1886
+
1887
+ // fade-in the date picker
1888
+ // for Internet Explorer < 9 show the date picker instantly or fading alters the font's weight
1889
+ datepicker.removeClass('dp_hidden');
1890
+
1891
+ // show the iFrameShim in Internet Explorer 6
1892
+ iframeShim();
1893
+
1894
+ // if date picker is always visible, show it
1895
+ } else datepicker.removeClass('dp_hidden');
1896
+
1897
+ // if a callback function exists for when showing the date picker
1898
+ if (plugin.settings.onOpen && typeof plugin.settings.onOpen === 'function')
1899
+
1900
+ // execute the callback function and pass as argument the element the plugin is attached to
1901
+ plugin.settings.onOpen.call($element, $element);
1902
+
1903
+ };
1904
+
1905
+ /**
1906
+ * Updates the configuration options given as argument
1907
+ *
1908
+ * @param object values An object containing any number of configuration options to be updated
1909
+ *
1910
+ * @return void
1911
+ */
1912
+ plugin.update = function(values) {
1913
+
1914
+ // if original direction not saved, save it now
1915
+ if (plugin.original_direction) plugin.original_direction = plugin.direction;
1916
+
1917
+ // update configuration options
1918
+ plugin.settings = $.extend(plugin.settings, values);
1919
+
1920
+ // reinitialize the object with the new options
1921
+ init(true);
1922
+
1923
+ };
1924
+
1925
+ /**
1926
+ * Checks if a string represents a valid date according to the format defined by the "format" property.
1927
+ *
1928
+ * @param string str_date A string representing a date, formatted accordingly to the "format" property.
1929
+ * For example, if "format" is "Y-m-d" the string should look like "2011-06-01"
1930
+ *
1931
+ * @return mixed Returns a JavaScript Date object if string represents a valid date according
1932
+ * formatted according to the "format" property, or FALSE otherwise.
1933
+ *
1934
+ * @access private
1935
+ */
1936
+ var check_date = function(str_date) {
1937
+
1938
+ // treat argument as a string
1939
+ str_date += '';
1940
+
1941
+ // if value is given
1942
+ if ($.trim(str_date) !== '') {
1943
+
1944
+ var
1945
+
1946
+ // prepare the format by removing white space from it
1947
+ // and also escape characters that could have special meaning in a regular expression
1948
+ format = escape_regexp(plugin.settings.format),
1949
+
1950
+ // allowed characters in date's format
1951
+ format_chars = ['d', 'D', 'j', 'l', 'N', 'S', 'w', 'F', 'm', 'M', 'n', 'Y', 'y', 'G', 'g', 'H', 'h', 'i', 's', 'a', 'A'],
1952
+
1953
+ // "matches" will contain the characters defining the date's format
1954
+ matches = [],
1955
+
1956
+ // "regexp" will contain the regular expression built for each of the characters used in the date's format
1957
+ regexp = [],
1958
+
1959
+ // "position" will contain the position of the character found in the date's format
1960
+ position = null,
1961
+
1962
+ // "segments" will contain the matches of the regular expression
1963
+ segments = null;
1964
+
1965
+ // iterate through the allowed characters in date's format
1966
+ for (var i = 0; i < format_chars.length; i++)
1967
+
1968
+ // if character is found in the date's format
1969
+ if ((position = format.indexOf(format_chars[i])) > -1)
1970
+
1971
+ // save it, alongside the character's position
1972
+ matches.push({
1973
+ character: format_chars[i],
1974
+ position: position
1975
+ });
1976
+
1977
+ // sort characters defining the date's format based on their position, ascending
1978
+ matches.sort(function(a, b) { return a.position - b.position; });
1979
+
1980
+ // iterate through the characters defining the date's format
1981
+ $.each(matches, function(index, match) {
1982
+
1983
+ // add to the array of regular expressions, based on the character
1984
+ switch (match.character) {
1985
+
1986
+ case 'd': regexp.push('0[1-9]|[12][0-9]|3[01]'); break;
1987
+ case 'D': regexp.push('[a-z]{3}'); break;
1988
+ case 'j': regexp.push('[1-9]|[12][0-9]|3[01]'); break;
1989
+ case 'l': regexp.push('[a-z]+'); break;
1990
+ case 'N': regexp.push('[1-7]'); break;
1991
+ case 'S': regexp.push('st|nd|rd|th'); break;
1992
+ case 'w': regexp.push('[0-6]'); break;
1993
+ case 'F': regexp.push('[a-z]+'); break;
1994
+ case 'm': regexp.push('0[1-9]|1[012]'); break;
1995
+ case 'M': regexp.push('[a-z]{3}'); break;
1996
+ case 'n': regexp.push('[1-9]|1[012]'); break;
1997
+ case 'Y': regexp.push('[0-9]{4}'); break;
1998
+ case 'y': regexp.push('[0-9]{2}'); break;
1999
+ case 'G': regexp.push('[1-9]|1[0-9]|2[0123]'); break;
2000
+ case 'g': regexp.push('[0-9]|1[012]'); break;
2001
+ case 'H': regexp.push('0[0-9]|1[0-9]|2[0123]'); break;
2002
+ case 'h': regexp.push('0[0-9]|1[012]'); break;
2003
+ case 'i': regexp.push('0[0-9]|[12345][0-9]'); break;
2004
+ case 's': regexp.push('0[0-9]|[12345][0-9]'); break;
2005
+ case 'a': regexp.push('am|pm'); break;
2006
+ case 'A': regexp.push('AM|PM'); break;
2007
+
2008
+ }
2009
+
2010
+ });
2011
+
2012
+ // if we have an array of regular expressions
2013
+ if (regexp.length) {
2014
+
2015
+ // we will replace characters in the date's format in reversed order
2016
+ matches.reverse();
2017
+
2018
+ // iterate through the characters in date's format
2019
+ $.each(matches, function(index, match) {
2020
+
2021
+ // replace each character with the appropriate regular expression
2022
+ format = format.replace(match.character, '(' + regexp[regexp.length - index - 1] + ')');
2023
+
2024
+ });
2025
+
2026
+ // the final regular expression
2027
+ regexp = new RegExp('^' + format + '$', 'ig');
2028
+
2029
+ // if regular expression was matched
2030
+ if ((segments = regexp.exec(str_date))) {
2031
+
2032
+ // check if date is a valid date (i.e. there's no February 31)
2033
+
2034
+ var tmpdate = new Date(),
2035
+ original_day = 1,
2036
+ original_month = tmpdate.getMonth() + 1,
2037
+ original_year = tmpdate.getFullYear(),
2038
+ original_hours = tmpdate.getHours(),
2039
+ original_minutes = tmpdate.getMinutes(),
2040
+ original_seconds = tmpdate.getSeconds(),
2041
+ original_ampm,
2042
+ english_days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
2043
+ english_months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
2044
+ iterable,
2045
+
2046
+ // by default, we assume the date is valid
2047
+ valid = true;
2048
+
2049
+ // reverse back the characters in the date's format
2050
+ matches.reverse();
2051
+
2052
+ // iterate through the characters in the date's format
2053
+ $.each(matches, function(index, match) {
2054
+
2055
+ // if the date is not valid, don't look further
2056
+ if (!valid) return true;
2057
+
2058
+ // based on the character
2059
+ switch (match.character) {
2060
+
2061
+ case 'm':
2062
+ case 'n':
2063
+
2064
+ // extract the month from the value entered by the user
2065
+ original_month = to_int(segments[index + 1]);
2066
+
2067
+ break;
2068
+
2069
+ case 'd':
2070
+ case 'j':
2071
+
2072
+ // extract the day from the value entered by the user
2073
+ original_day = to_int(segments[index + 1]);
2074
+
2075
+ break;
2076
+
2077
+ case 'D':
2078
+ case 'l':
2079
+ case 'F':
2080
+ case 'M':
2081
+
2082
+ // if day is given as day name, we'll check against the names in the used language
2083
+ if (match.character === 'D' || match.character === 'l') iterable = plugin.settings.days;
2084
+
2085
+ // if month is given as month name, we'll check against the names in the used language
2086
+ else iterable = plugin.settings.months;
2087
+
2088
+ // by default, we assume the day or month was not entered correctly
2089
+ valid = false;
2090
+
2091
+ // iterate through the month/days in the used language
2092
+ $.each(iterable, function(key, value) {
2093
+
2094
+ // if month/day was entered correctly, don't look further
2095
+ if (valid) return true;
2096
+
2097
+ // if month/day was entered correctly
2098
+ if (segments[index + 1].toLowerCase() === value.substring(0, (match.character === 'D' || match.character === 'M' ? 3 : value.length)).toLowerCase()) {
2099
+
2100
+ // extract the day/month from the value entered by the user
2101
+ switch (match.character) {
2102
+
2103
+ case 'D': segments[index + 1] = english_days[key].substring(0, 3); break;
2104
+ case 'l': segments[index + 1] = english_days[key]; break;
2105
+ case 'F': segments[index + 1] = english_months[key]; original_month = key + 1; break;
2106
+ case 'M': segments[index + 1] = english_months[key].substring(0, 3); original_month = key + 1; break;
2107
+
2108
+ }
2109
+
2110
+ // day/month value is valid
2111
+ valid = true;
2112
+
2113
+ }
2114
+
2115
+ });
2116
+
2117
+ break;
2118
+
2119
+ case 'Y':
2120
+
2121
+ // extract the year from the value entered by the user
2122
+ original_year = to_int(segments[index + 1]);
2123
+
2124
+ break;
2125
+
2126
+ case 'y':
2127
+
2128
+ // extract the year from the value entered by the user
2129
+ original_year = '19' + to_int(segments[index + 1]);
2130
+
2131
+ break;
2132
+
2133
+ case 'G':
2134
+ case 'H':
2135
+ case 'g':
2136
+ case 'h':
2137
+
2138
+ // extract the hours from the value entered by the user
2139
+ original_hours = to_int(segments[index + 1]);
2140
+ break;
2141
+
2142
+ case 'i':
2143
+
2144
+ // extract the minutes from the value entered by the user
2145
+ original_minutes = to_int(segments[index + 1]);
2146
+ break;
2147
+
2148
+ case 's':
2149
+
2150
+ // extract the seconds from the value entered by the user
2151
+ original_seconds = to_int(segments[index + 1]);
2152
+ break;
2153
+
2154
+ case 'a':
2155
+ case 'A':
2156
+
2157
+ // extract the seconds from the value entered by the user
2158
+ original_ampm = segments[index + 1].toLowerCase();
2159
+ break;
2160
+
2161
+ }
2162
+
2163
+ });
2164
+
2165
+ // if everything is ok so far
2166
+ if (valid) {
2167
+
2168
+ // generate a Date object using the values entered by the user
2169
+ // (handle also the case when original_month and/or original_day are undefined - i.e date format is "Y-m" or "Y")
2170
+ var date = new Date(original_year, (original_month || 1) - 1, original_day || 1, original_hours + (original_ampm === 'pm' ? 12 : 0), original_minutes, original_seconds);
2171
+
2172
+ // if, after that, the date is the same as the date entered by the user
2173
+ if (date.getFullYear() === original_year && date.getDate() === (original_day || 1) && date.getMonth() === ((original_month || 1) - 1))
2174
+
2175
+ // return the date as JavaScript date object
2176
+ return date;
2177
+
2178
+ }
2179
+
2180
+ }
2181
+
2182
+ }
2183
+
2184
+ // if script gets this far, return false as something must've went wrong
2185
+ return false;
2186
+
2187
+ }
2188
+
2189
+ };
2190
+
2191
+ /**
2192
+ * Prevents the possibility of selecting text on a given element. Used on the "previous" and "next" buttons
2193
+ * where text might get accidentally selected when user quickly clicks on the buttons.
2194
+ *
2195
+ * Code by http://chris-barr.com/index.php/entry/disable_text_selection_with_jquery/
2196
+ *
2197
+ * @param jQuery Element el A jQuery element on which to prevents text selection.
2198
+ *
2199
+ * @return void
2200
+ *
2201
+ * @access private
2202
+ */
2203
+ var disable_text_select = function(el) {
2204
+
2205
+ // if browser is Firefox
2206
+ if (browser.name === 'firefox') el.css('MozUserSelect', 'none');
2207
+
2208
+ // if browser is Internet Explorer
2209
+ else if (browser.name === 'explorer') $(document).on('selectstart', el, function() { return false; });
2210
+
2211
+ // for the other browsers
2212
+ else el.mousedown(function() { return false; });
2213
+
2214
+ };
2215
+
2216
+ /**
2217
+ * Escapes special characters in a string, preparing it for use in a regular expression.
2218
+ *
2219
+ * @param string str The string in which special characters should be escaped.
2220
+ *
2221
+ * @return string Returns the string with escaped special characters.
2222
+ *
2223
+ * @access private
2224
+ */
2225
+ var escape_regexp = function(str) {
2226
+
2227
+ // return string with special characters escaped
2228
+ return str.replace(/([-.,*+?^${}()|[\]\/\\])/g, '\\$1');
2229
+
2230
+ };
2231
+
2232
+ /**
2233
+ * Formats a JavaScript date object to the format specified by the "format" property.
2234
+ * Code taken from http://electricprism.com/aeron/calendar/
2235
+ *
2236
+ * @param date date A valid JavaScript date object
2237
+ *
2238
+ * @return string Returns a string containing the formatted date
2239
+ *
2240
+ * @access private
2241
+ */
2242
+ var format = function(date) {
2243
+
2244
+ var result = '',
2245
+
2246
+ // extract parts of the date:
2247
+ // day number, 1 - 31
2248
+ j = date.getDate(),
2249
+
2250
+ // day of the week, 0 - 6, Sunday - Saturday
2251
+ w = date.getDay(),
2252
+
2253
+ // the name of the day of the week Sunday - Saturday
2254
+ l = plugin.settings.days[w],
2255
+
2256
+ // the month number, 1 - 12
2257
+ n = date.getMonth() + 1,
2258
+
2259
+ // the month name, January - December
2260
+ f = plugin.settings.months[n - 1],
2261
+
2262
+ // the year (as a string)
2263
+ y = date.getFullYear() + '',
2264
+
2265
+ // the hour, 0-23
2266
+ h = date.getHours(),
2267
+
2268
+ // the hour in 12 hours format
2269
+ h12 = h % 12 === 0 ? 12 : h % 12,
2270
+
2271
+ // the minute, 0-59
2272
+ m = date.getMinutes(),
2273
+
2274
+ // the second, 0-59
2275
+ s = date.getSeconds(),
2276
+
2277
+ // am/pm
2278
+ a = (h >= 12 ? 'pm' : 'am'),
2279
+
2280
+ i, chr;
2281
+
2282
+ // iterate through the characters in the format
2283
+ for (i = 0; i < plugin.settings.format.length; i++) {
2284
+
2285
+ // extract the current character
2286
+ chr = plugin.settings.format.charAt(i);
2287
+
2288
+ // see what character it is
2289
+ switch (chr) {
2290
+
2291
+ // year as two digits
2292
+ case 'y': y = y.substr(2);
2293
+
2294
+ // year as four digits
2295
+ // falls through
2296
+ case 'Y': result += y; break;
2297
+
2298
+ // month number, prefixed with 0
2299
+ case 'm': n = str_pad(n, 2);
2300
+
2301
+ // month number, not prefixed with 0
2302
+ // falls through
2303
+ case 'n': result += n; break;
2304
+
2305
+ // month name, three letters
2306
+ case 'M': f = ($.isArray(plugin.settings.months_abbr) && undefined !== plugin.settings.months_abbr[n - 1] ? plugin.settings.months_abbr[n - 1] : plugin.settings.months[n - 1].substr(0, 3));
2307
+
2308
+ // full month name
2309
+ // falls through
2310
+ case 'F': result += f; break;
2311
+
2312
+ // day number, prefixed with 0
2313
+ case 'd': j = str_pad(j, 2);
2314
+
2315
+ // day number not prefixed with 0
2316
+ // falls through
2317
+ case 'j': result += j; break;
2318
+
2319
+ // day name, three letters
2320
+ case 'D': l = ($.isArray(plugin.settings.days_abbr) && undefined !== plugin.settings.days_abbr[w] ? plugin.settings.days_abbr[w] : plugin.settings.days[w].substr(0, 3));
2321
+
2322
+ // full day name
2323
+ // falls through
2324
+ case 'l': result += l; break;
2325
+
2326
+ // ISO-8601 numeric representation of the day of the week, 1 - 7
2327
+ case 'N': w++;
2328
+
2329
+ // day of the week, 0 - 6
2330
+ // falls through
2331
+ case 'w': result += w; break;
2332
+
2333
+ // English ordinal suffix for the day of the month, 2 characters
2334
+ // (st, nd, rd or th (works well with j))
2335
+ case 'S':
2336
+
2337
+ if (j % 10 === 1 && j !== '11') result += 'st';
2338
+
2339
+ else if (j % 10 === 2 && j !== '12') result += 'nd';
2340
+
2341
+ else if (j % 10 === 3 && j !== '13') result += 'rd';
2342
+
2343
+ else result += 'th';
2344
+
2345
+ break;
2346
+
2347
+ // hour in 12 hours format, without leading zeros
2348
+ case 'g': result += h12; break;
2349
+
2350
+ // hour in 12 hours format, with leading zeros
2351
+ case 'h': result += str_pad(h12, 2); break;
2352
+
2353
+ // hour in 24 hours format, without leading zeros
2354
+ case 'G': result += h; break;
2355
+
2356
+ // hour in 24 hours format, with leading zeros
2357
+ case 'H': result += str_pad(h, 2); break;
2358
+
2359
+ // minutes, with leading zeros
2360
+ case 'i': result += str_pad(m, 2); break;
2361
+
2362
+ // seconds, with leading zeros
2363
+ case 's': result += str_pad(s, 2); break;
2364
+
2365
+ // am/pm, lowercase
2366
+ case 'a': result += a; break;
2367
+
2368
+ // am/pm, uppercase
2369
+ case 'A': result += a.toUpperCase(); break;
2370
+
2371
+ // this is probably the separator
2372
+ default: result += chr;
2373
+
2374
+ }
2375
+
2376
+ }
2377
+
2378
+ // return formated date
2379
+ return result;
2380
+
2381
+ };
2382
+
2383
+ /**
2384
+ * Generates the day picker view, and displays it
2385
+ *
2386
+ * @return void
2387
+ *
2388
+ * @access private
2389
+ */
2390
+ var generate_daypicker = function() {
2391
+
2392
+ var
2393
+
2394
+ // get the number of days in the selected month
2395
+ days_in_month = new Date(selected_year, selected_month + 1, 0).getDate(),
2396
+
2397
+ // get the selected month's starting day (from 0 to 6)
2398
+ first_day = new Date(selected_year, selected_month, 1).getDay(),
2399
+
2400
+ // how many days are there in the previous month
2401
+ days_in_previous_month = new Date(selected_year, selected_month, 0).getDate(),
2402
+
2403
+ // how many days are there to be shown from the previous month
2404
+ days_from_previous_month = first_day - plugin.settings.first_day_of_week,
2405
+
2406
+ i, html, day, real_date, real_year, real_month, real_day, weekday, class_name, custom_class_name, is_weekend;
2407
+
2408
+ // the final value of how many days are there to be shown from the previous month
2409
+ days_from_previous_month = days_from_previous_month < 0 ? 7 + days_from_previous_month : days_from_previous_month;
2410
+
2411
+ // manage header caption and enable/disable navigation buttons if necessary
2412
+ manage_header(plugin.settings.header_captions['days']);
2413
+
2414
+ // start generating the HTML
2415
+ html = '<tr>';
2416
+
2417
+ // if a column featuring the number of the week is to be shown
2418
+ if (plugin.settings.show_week_number)
2419
+
2420
+ // column title
2421
+ html += '<th>' + plugin.settings.show_week_number + '</th>';
2422
+
2423
+ // name of week days
2424
+ // show the abbreviated day names (or only the first two letters of the full name if no abbreviations are specified)
2425
+ // and also, take in account the value of the "first_day_of_week" property
2426
+ for (i = 0; i < 7; i++)
2427
+
2428
+ html += '<th>' + ($.isArray(plugin.settings.days_abbr) && undefined !== plugin.settings.days_abbr[(plugin.settings.first_day_of_week + i) % 7] ? plugin.settings.days_abbr[(plugin.settings.first_day_of_week + i) % 7] : plugin.settings.days[(plugin.settings.first_day_of_week + i) % 7].substr(0, 2)) + '</th>';
2429
+
2430
+ html += '</tr><tr>';
2431
+
2432
+ // the calendar shows a total of 42 days
2433
+ for (i = 0; i < 42; i++) {
2434
+
2435
+ // seven days per row
2436
+ if (i > 0 && i % 7 === 0) html += '</tr><tr>';
2437
+
2438
+ // if week number is to be shown
2439
+ if (i % 7 === 0 && plugin.settings.show_week_number)
2440
+
2441
+ // show ISO 8601 week number
2442
+ html += '<th>' + getWeekNumber(new Date(selected_year, selected_month, (i - days_from_previous_month + 1))) + '</th>';
2443
+
2444
+ // the number of the day in month
2445
+ day = (i - days_from_previous_month + 1);
2446
+
2447
+ // if dates in previous/next month can be selected, and this is one of those days
2448
+ if (plugin.settings.select_other_months && (i < days_from_previous_month || day > days_in_month)) {
2449
+
2450
+ // use the Date object to normalize the date
2451
+ // for example, 2011 05 33 will be transformed to 2011 06 02
2452
+ real_date = new Date(selected_year, selected_month, day);
2453
+ real_year = real_date.getFullYear();
2454
+ real_month = real_date.getMonth();
2455
+ real_day = real_date.getDate();
2456
+
2457
+ // extract normalized date parts and merge them
2458
+ real_date = real_year + str_pad(real_month + 1, 2) + str_pad(real_day, 2);
2459
+
2460
+ }
2461
+
2462
+ // get the week day (0 to 6, Sunday to Saturday)
2463
+ weekday = (plugin.settings.first_day_of_week + i) % 7;
2464
+
2465
+ // is day on a weekend?
2466
+ is_weekend = ($.inArray(weekday, plugin.settings.weekend_days) > -1);
2467
+
2468
+ // if this is a day from the previous month
2469
+ if (i < days_from_previous_month)
2470
+
2471
+ html += '<td class="dp_not_in_month ' + (is_weekend ? 'dp_weekend ' : '') + (plugin.settings.select_other_months && !is_disabled(real_year, real_month, real_day) ? 'date_' + real_date : 'dp_disabled') + '">' + (plugin.settings.select_other_months || plugin.settings.show_other_months ? str_pad(days_in_previous_month - days_from_previous_month + i + 1, plugin.settings.zero_pad ? 2 : 0) : '&nbsp;') + '</td>';
2472
+
2473
+ // if this is a day from the next month
2474
+ else if (day > days_in_month)
2475
+
2476
+ html += '<td class="dp_not_in_month ' + (is_weekend ? 'dp_weekend ' : '') + (plugin.settings.select_other_months && !is_disabled(real_year, real_month, real_day) ? 'date_' + real_date : 'dp_disabled') + '">' + (plugin.settings.select_other_months || plugin.settings.show_other_months ? str_pad(day - days_in_month, plugin.settings.zero_pad ? 2 : 0) : '&nbsp;') + '</td>';
2477
+
2478
+ // if this is a day from the current month
2479
+ else {
2480
+
2481
+ class_name = '';
2482
+
2483
+ // custom class, if any
2484
+ custom_class_name = get_custom_class(selected_year, selected_month, day);
2485
+
2486
+ // if day is in weekend
2487
+ if (is_weekend) class_name = ' dp_weekend';
2488
+
2489
+ // highlight the current system date
2490
+ if (selected_month === current_system_month && selected_year === current_system_year && current_system_day === day) class_name += ' dp_current';
2491
+
2492
+ // apply custom class, if a custom class exists
2493
+ if (custom_class_name !== '') class_name += ' ' + custom_class_name;
2494
+
2495
+ // highlight the currently selected date
2496
+ if (selected_month === default_month && selected_year === default_year && default_day === day) class_name += ' dp_selected';
2497
+
2498
+ // if date needs to be disabled
2499
+ if (is_disabled(selected_year, selected_month, day)) class_name += ' dp_disabled';
2500
+
2501
+ // print the day of the month (if "day" is NaN, use an empty string instead)
2502
+ html += '<td' + (class_name !== '' ? ' class="' + class_name.trim() + '"' : '') + '>' + ((plugin.settings.zero_pad ? str_pad(day, 2) : day) || '&nbsp;') + '</td>';
2503
+
2504
+ }
2505
+
2506
+ }
2507
+
2508
+ // wrap up generating the day picker
2509
+ html += '</tr>';
2510
+
2511
+ // inject the day picker into the DOM
2512
+ daypicker.html($(html));
2513
+
2514
+ // if date picker is always visible
2515
+ if (plugin.settings.always_visible)
2516
+
2517
+ // cache all the cells
2518
+ // (we need them so that we can easily remove the "dp_selected" class from all of them when user selects a date)
2519
+ daypicker_cells = $('td:not(.dp_disabled)', daypicker);
2520
+
2521
+ // make the day picker visible
2522
+ daypicker.show();
2523
+
2524
+ };
2525
+
2526
+ /**
2527
+ * Generates the month picker view, and displays it
2528
+ *
2529
+ * @return void
2530
+ *
2531
+ * @access private
2532
+ */
2533
+ var generate_monthpicker = function() {
2534
+
2535
+ // manage header caption and enable/disable navigation buttons if necessary
2536
+ manage_header(plugin.settings.header_captions['months']);
2537
+
2538
+ // start generating the HTML
2539
+ var html = '<tr>', i, class_name;
2540
+
2541
+ // iterate through all the months
2542
+ for (i = 0; i < 12; i++) {
2543
+
2544
+ // three month per row
2545
+ if (i > 0 && i % 3 === 0) html += '</tr><tr>';
2546
+
2547
+ class_name = 'dp_month_' + i;
2548
+
2549
+ // if month needs to be disabled
2550
+ if (is_disabled(selected_year, i)) class_name += ' dp_disabled';
2551
+
2552
+ // else, if a date is already selected and this is that particular month, highlight it
2553
+ else if (default_month !== false && default_month === i && selected_year === default_year) class_name += ' dp_selected';
2554
+
2555
+ // else, if this the current system month, highlight it
2556
+ else if (current_system_month === i && current_system_year === selected_year) class_name += ' dp_current';
2557
+
2558
+ // first three letters of the month's name
2559
+ html += '<td class="' + $.trim(class_name) + '">' + ($.isArray(plugin.settings.months_abbr) && undefined !== plugin.settings.months_abbr[i] ? plugin.settings.months_abbr[i] : plugin.settings.months[i].substr(0, 3)) + '</td>';
2560
+
2561
+ }
2562
+
2563
+ // wrap up
2564
+ html += '</tr>';
2565
+
2566
+ // inject into the DOM
2567
+ monthpicker.html($(html));
2568
+
2569
+ // if date picker is always visible
2570
+ if (plugin.settings.always_visible)
2571
+
2572
+ // cache all the cells
2573
+ // (we need them so that we can easily remove the "dp_selected" class from all of them when user selects a month)
2574
+ monthpicker_cells = $('td:not(.dp_disabled)', monthpicker);
2575
+
2576
+ // make the month picker visible
2577
+ monthpicker.show();
2578
+
2579
+ };
2580
+
2581
+ /**
2582
+ * Generates the time picker view, and displays it
2583
+ *
2584
+ * @return void
2585
+ *
2586
+ * @access private
2587
+ */
2588
+ var generate_timepicker = function() {
2589
+
2590
+ var html;
2591
+
2592
+ // the HTML
2593
+ html = '<tr class="dp_time_controls_increase">' +
2594
+ (timepicker_config.hours ? '<td class="dp_time_hour dp_time_control">' + plugin.settings.navigation[2] + '</td>' : '') +
2595
+ (timepicker_config.minutes ? '<td class="dp_time_minute dp_time_control">' + plugin.settings.navigation[2] + '</td>' : '') +
2596
+ (timepicker_config.seconds ? '<td class="dp_time_second dp_time_control">' + plugin.settings.navigation[2] + '</td>' : '') +
2597
+ (timepicker_config.ampm ? '<td class="dp_time_ampm dp_time_control">' + plugin.settings.navigation[2] + '</td>' : '') +
2598
+ '</tr>';
2599
+
2600
+ html += '<tr class="dp_time_segments">';
2601
+
2602
+ if (timepicker_config.hours) html += '<td class="dp_time_hours dp_disabled' + (timepicker_config.minutes || timepicker_config.seconds || timepicker_config.ampm ? ' dp_time_separator' : '') + '"><div>' + str_pad(selected_hour, 2) + '</div></td>';
2603
+ if (timepicker_config.minutes) html += '<td class="dp_time_minutes dp_disabled' + (timepicker_config.seconds || timepicker_config.ampm ? ' dp_time_separator' : '') + '"><div>' + str_pad(selected_minute, 2) + '</div></td>';
2604
+ if (timepicker_config.seconds) html += '<td class="dp_time_seconds dp_disabled' + (timepicker_config.ampm ? ' dp_time_separator' : '') + '"><div>' + str_pad(selected_second, 2) + '</div></td>';
2605
+ if (timepicker_config.ampm) html += '<td class="dp_time_ampm dp_disabled">' + selected_ampm.toUpperCase() + '</td>';
2606
+
2607
+ html += '</tr>';
2608
+
2609
+ html += '<tr class="dp_time_controls_decrease">' +
2610
+ (timepicker_config.hours ? '<td class="dp_time_hour dp_time_control">' + plugin.settings.navigation[3] + '</td>' : '') +
2611
+ (timepicker_config.minutes ? '<td class="dp_time_minute dp_time_control">' + plugin.settings.navigation[3] + '</td>' : '') +
2612
+ (timepicker_config.seconds ? '<td class="dp_time_second dp_time_control">' + plugin.settings.navigation[3] + '</td>' : '') +
2613
+ (timepicker_config.ampm ? '<td class="dp_time_ampm dp_time_control">' + plugin.settings.navigation[3] + '</td>' : '') +
2614
+ '</tr>';
2615
+
2616
+ // inject into the DOM
2617
+ timepicker.html($(html));
2618
+
2619
+ // make the time picker visible
2620
+ timepicker.show();
2621
+
2622
+ }
2623
+
2624
+ /**
2625
+ * Generates the year picker view, and displays it
2626
+ *
2627
+ * @return void
2628
+ *
2629
+ * @access private
2630
+ */
2631
+ var generate_yearpicker = function() {
2632
+
2633
+ // manage header caption and enable/disable navigation buttons if necessary
2634
+ manage_header(plugin.settings.header_captions['years']);
2635
+
2636
+ // start generating the HTML
2637
+ var html = '<tr>', i, class_name;
2638
+
2639
+ // we're showing 9 years at a time, current year in the middle
2640
+ for (i = 0; i < 12; i++) {
2641
+
2642
+ // three years per row
2643
+ if (i > 0 && i % 3 === 0) html += '</tr><tr>';
2644
+
2645
+ class_name = '';
2646
+
2647
+ // if year needs to be disabled
2648
+ if (is_disabled(selected_year - 7 + i)) class_name += ' dp_disabled';
2649
+
2650
+ // else, if a date is already selected and this is that particular year, highlight it
2651
+ else if (default_year && default_year === selected_year - 7 + i) class_name += ' dp_selected';
2652
+
2653
+ // else, if this is the current system year, highlight it
2654
+ else if (current_system_year === (selected_year - 7 + i)) class_name += ' dp_current';
2655
+
2656
+ // first three letters of the month's name
2657
+ html += '<td' + ($.trim(class_name) !== '' ? ' class="' + $.trim(class_name) + '"' : '') + '>' + (selected_year - 7 + i) + '</td>';
2658
+
2659
+ }
2660
+
2661
+ // wrap up
2662
+ html += '</tr>';
2663
+
2664
+ // inject into the DOM
2665
+ yearpicker.html($(html));
2666
+
2667
+ // if date picker is always visible
2668
+ if (plugin.settings.always_visible)
2669
+
2670
+ // cache all the cells
2671
+ // (we need them so that we can easily remove the "dp_selected" class from all of them when user selects a year)
2672
+ yearpicker_cells = $('td:not(.dp_disabled)', yearpicker);
2673
+
2674
+ // make the year picker visible
2675
+ yearpicker.show();
2676
+
2677
+ };
2678
+
2679
+ /**
2680
+ * Return the name of a custom class to be applied to the given date.
2681
+ *
2682
+ * @return string The name of a custom class to be applied to the given date, or an empty string if no custom
2683
+ * class needs to be applied.
2684
+ *
2685
+ * @param integer year The year to check
2686
+ * @param integer month The month to check
2687
+ * @param integer day The day to check
2688
+ *
2689
+ * @access private
2690
+ */
2691
+ var get_custom_class = function(year, month, day) {
2692
+
2693
+ var class_name, i, found;
2694
+
2695
+ // if month is given as argument, increment it (as JavaScript uses 0 for January, 1 for February...)
2696
+ if (typeof month !== 'undefined') month = month + 1;
2697
+
2698
+ // iterate through the custom classes
2699
+ for (i in custom_class_names) {
2700
+
2701
+ // the class name we're currently checking
2702
+ class_name = custom_class_names[i]; found = false;
2703
+
2704
+ // if there are any custom classes defined
2705
+ if ($.isArray(custom_classes[class_name]))
2706
+
2707
+ // iterate through the rules for which the custom class to be applied
2708
+ $.each(custom_classes[class_name], function() {
2709
+
2710
+ // if a custom class needs to be applied to the date we're checking, don't look further
2711
+ if (found) return;
2712
+
2713
+ var rule = this, weekday;
2714
+
2715
+ // if the rules apply for the current year
2716
+ if ($.inArray(year, rule[2]) > -1 || $.inArray('*', rule[2]) > -1)
2717
+
2718
+ // if the rules apply for the current month
2719
+ if ((typeof month !== 'undefined' && $.inArray(month, rule[1]) > -1) || $.inArray('*', rule[1]) > -1)
2720
+
2721
+ // if the rules apply for the current day
2722
+ if ((typeof day !== 'undefined' && $.inArray(day, rule[0]) > -1) || $.inArray('*', rule[0]) > -1) {
2723
+
2724
+ // if custom class is to be applied whatever the day
2725
+ // don't look any further
2726
+ if (rule[3].indexOf('*') > -1) return (found = class_name);
2727
+
2728
+ // get the weekday
2729
+ weekday = new Date(year, month - 1, day).getDay();
2730
+
2731
+ // if custom class is to be applied to weekday
2732
+ // don't look any further
2733
+ if ($.inArray(weekday, rule[3]) > -1) return (found = class_name);
2734
+
2735
+ }
2736
+
2737
+ });
2738
+
2739
+ // if a custom class needs to be applied to the date we're checking, don't look further
2740
+ if (found) return found;
2741
+
2742
+ }
2743
+
2744
+ // return what we've found
2745
+ return found || '';
2746
+
2747
+ };
2748
+
2749
+ /**
2750
+ * Generates an iFrame shim in Internet Explorer 6 so that the date picker appears above select boxes.
2751
+ *
2752
+ * @return void
2753
+ *
2754
+ * @access private
2755
+ */
2756
+ var iframeShim = function(action) {
2757
+
2758
+ var zIndex, offset;
2759
+
2760
+ // this is necessary only if browser is Internet Explorer 6
2761
+ if (browser.name === 'explorer' && browser.version === 6) {
2762
+
2763
+ // if the iFrame was not yet created
2764
+ // "undefined" evaluates as FALSE
2765
+ if (!shim) {
2766
+
2767
+ // the iFrame has to have the element's zIndex minus 1
2768
+ zIndex = to_int(datepicker.css('zIndex')) - 1;
2769
+
2770
+ // create the iFrame
2771
+ shim = $('<iframe>', {
2772
+ src: 'javascript:document.write("")',
2773
+ scrolling: 'no',
2774
+ frameborder: 0,
2775
+ css: {
2776
+ zIndex: zIndex,
2777
+ position: 'absolute',
2778
+ top: -1000,
2779
+ left: -1000,
2780
+ width: datepicker.outerWidth(),
2781
+ height: datepicker.outerHeight(),
2782
+ filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)',
2783
+ display: 'none'
2784
+ }
2785
+ });
2786
+
2787
+ // inject iFrame into DOM
2788
+ $('body').append(shim);
2789
+
2790
+ }
2791
+
2792
+ // what do we need to do
2793
+ switch (action) {
2794
+
2795
+ // hide the iFrame?
2796
+ case 'hide':
2797
+
2798
+ // set the iFrame's display property to "none"
2799
+ shim.hide();
2800
+
2801
+ break;
2802
+
2803
+ // show the iFrame?
2804
+ default:
2805
+
2806
+ // get date picker top and left position
2807
+ offset = datepicker.offset();
2808
+
2809
+ // position the iFrame shim right underneath the date picker
2810
+ // and set its display to "block"
2811
+ shim.css({
2812
+ top: offset.top,
2813
+ left: offset.left,
2814
+ display: 'block'
2815
+ });
2816
+
2817
+ }
2818
+
2819
+ }
2820
+
2821
+ };
2822
+
2823
+ /**
2824
+ * Checks if, according to the restrictions of the calendar and/or the values defined by the "disabled_dates"
2825
+ * property, a day, a month or a year needs to be disabled.
2826
+ *
2827
+ * @param integer year The year to check
2828
+ * @param integer month The month to check
2829
+ * @param integer day The day to check
2830
+ *
2831
+ * @return boolean Returns TRUE if the given value is not disabled or FALSE otherwise
2832
+ *
2833
+ * @access private
2834
+ */
2835
+ var is_disabled = function(year, month, day) {
2836
+
2837
+ var now, len, disabled, enabled;
2838
+
2839
+ // don't check bogus values
2840
+ if ((undefined === year || isNaN(year)) && (undefined === month || isNaN(month)) && (undefined === day || isNaN(day))) return false;
2841
+
2842
+ // this date picker cannot handle years before 1000, so we return false in this case
2843
+ else if (year < 1000) return true;
2844
+
2845
+ // if calendar has direction restrictions
2846
+ if (!(!$.isArray(plugin.settings.direction) && to_int(plugin.settings.direction) === 0)) {
2847
+
2848
+ // normalize and merge arguments then transform the result to an integer
2849
+ now = to_int(str_concat(year, (typeof month !== 'undefined' ? str_pad(month, 2) : ''), (typeof day !== 'undefined' ? str_pad(day, 2) : '')));
2850
+
2851
+ // get the length of the argument
2852
+ len = (now + '').length;
2853
+
2854
+ // if we're checking days
2855
+ if (len === 8 && (
2856
+
2857
+ // day is before the first selectable date
2858
+ (typeof start_date !== 'undefined' && now < to_int(str_concat(first_selectable_year, str_pad(first_selectable_month, 2), str_pad(first_selectable_day, 2)))) ||
2859
+
2860
+ // or day is after the last selectable date
2861
+ (typeof end_date !== 'undefined' && now > to_int(str_concat(last_selectable_year, str_pad(last_selectable_month, 2), str_pad(last_selectable_day, 2))))
2862
+
2863
+ // day needs to be disabled
2864
+ )) return true;
2865
+
2866
+ // if we're checking months
2867
+ else if (len === 6 && (
2868
+
2869
+ // month is before the first selectable month
2870
+ (typeof start_date !== 'undefined' && now < to_int(str_concat(first_selectable_year, str_pad(first_selectable_month, 2)))) ||
2871
+
2872
+ // or day is after the last selectable date
2873
+ (typeof end_date !== 'undefined' && now > to_int(str_concat(last_selectable_year, str_pad(last_selectable_month, 2))))
2874
+
2875
+ // month needs to be disabled
2876
+ )) return true;
2877
+
2878
+ // if we're checking years
2879
+ else if (len === 4 && (
2880
+
2881
+ // year is before the first selectable year
2882
+ (typeof start_date !== 'undefined' && now < first_selectable_year) ||
2883
+
2884
+ // or day is after the last selectable date
2885
+ (typeof end_date !== 'undefined' && now > last_selectable_year)
2886
+
2887
+ // year needs to be disabled
2888
+ )) return true;
2889
+
2890
+ }
2891
+
2892
+ // if month is given as argument, increment it (as JavaScript uses 0 for January, 1 for February...)
2893
+ if (typeof month !== 'undefined') month = month + 1;
2894
+
2895
+ // by default, we assume the day/month/year is not enabled nor disabled
2896
+ disabled = false, enabled = false;
2897
+
2898
+ // if there are rules for disabling dates
2899
+ if ($.isArray(disabled_dates) && disabled_dates.length)
2900
+
2901
+ // iterate through the rules for disabling dates
2902
+ $.each(disabled_dates, function() {
2903
+
2904
+ // if the date is to be disabled, don't look any further
2905
+ if (disabled) return;
2906
+
2907
+ var rule = this, weekday;
2908
+
2909
+ // if the rules apply for the current year
2910
+ if ($.inArray(year, rule[2]) > -1 || $.inArray('*', rule[2]) > -1)
2911
+
2912
+ // if the rules apply for the current month
2913
+ if ((typeof month !== 'undefined' && $.inArray(month, rule[1]) > -1) || $.inArray('*', rule[1]) > -1)
2914
+
2915
+ // if the rules apply for the current day
2916
+ if ((typeof day !== 'undefined' && $.inArray(day, rule[0]) > -1) || $.inArray('*', rule[0]) > -1) {
2917
+
2918
+ // if day is to be disabled whatever the day
2919
+ // don't look any further
2920
+ if (rule[3].indexOf('*') > -1) return (disabled = true);
2921
+
2922
+ // get the weekday
2923
+ weekday = new Date(year, month - 1, day).getDay();
2924
+
2925
+ // if weekday is to be disabled
2926
+ // don't look any further
2927
+ if ($.inArray(weekday, rule[3]) > -1) return (disabled = true);
2928
+
2929
+ }
2930
+
2931
+ });
2932
+
2933
+ // if there are rules that explicitly enable dates
2934
+ if (enabled_dates)
2935
+
2936
+ // iterate through the rules for enabling dates
2937
+ $.each(enabled_dates, function() {
2938
+
2939
+ // if the date is to be enabled, don't look any further
2940
+ if (enabled) return;
2941
+
2942
+ var rule = this, weekday;
2943
+
2944
+ // if the rules apply for the current year
2945
+ if ($.inArray(year, rule[2]) > -1 || $.inArray('*', rule[2]) > -1) {
2946
+
2947
+ // the year is enabled
2948
+ enabled = true;
2949
+
2950
+ // if we're also checking months
2951
+ if (typeof month !== 'undefined') {
2952
+
2953
+ // we assume the month is enabled
2954
+ enabled = true;
2955
+
2956
+ // if the rules apply for the current month
2957
+ if ($.inArray(month, rule[1]) > -1 || $.inArray('*', rule[1]) > -1) {
2958
+
2959
+ // if we're also checking days
2960
+ if (typeof day !== 'undefined') {
2961
+
2962
+ // we assume the day is enabled
2963
+ enabled = true;
2964
+
2965
+ // if the rules apply for the current day
2966
+ if ($.inArray(day, rule[0]) > -1 || $.inArray('*', rule[0]) > -1) {
2967
+
2968
+ // if day is to be enabled whatever the day
2969
+ // don't look any further
2970
+ if (rule[3].indexOf('*') > -1) return (enabled = true);
2971
+
2972
+ // get the weekday
2973
+ weekday = new Date(year, month - 1, day).getDay();
2974
+
2975
+ // if weekday is to be enabled
2976
+ // don't look any further
2977
+ if ($.inArray(weekday, rule[3]) > -1) return (enabled = true);
2978
+
2979
+ // if we get this far, it means the day is not enabled
2980
+ enabled = false;
2981
+
2982
+ // if day is not enabled
2983
+ } else enabled = false;
2984
+
2985
+ }
2986
+
2987
+ // if month is not enabled
2988
+ } else enabled = false;
2989
+
2990
+ }
2991
+
2992
+ }
2993
+
2994
+ });
2995
+
2996
+ // if checked date is enabled, return false
2997
+ if (enabled_dates && enabled) return false;
2998
+
2999
+ // if checked date is disabled return false
3000
+ else if (disabled_dates && disabled) return true;
3001
+
3002
+ // if script gets this far it means that the day/month/year doesn't need to be disabled
3003
+ return false;
3004
+
3005
+ };
3006
+
3007
+ /**
3008
+ * Checks whether a value is an integer number.
3009
+ *
3010
+ * @param mixed value Value to check
3011
+ *
3012
+ * @return Returns TRUE if the value represents an integer number, or FALSE otherwise
3013
+ *
3014
+ * @access private
3015
+ */
3016
+ var is_integer = function(value) {
3017
+
3018
+ // return TRUE if value represents an integer number, or FALSE otherwise
3019
+ return (value + '').match(/^\-?[0-9]+$/);
3020
+
3021
+ };
3022
+
3023
+ /**
3024
+ * Sets the caption in the header of the date picker and enables or disables navigation buttons when necessary.
3025
+ *
3026
+ * @param string caption String that needs to be displayed in the header
3027
+ *
3028
+ * @return void
3029
+ *
3030
+ * @access private
3031
+ */
3032
+ var manage_header = function(caption) {
3033
+
3034
+ // if "selected_month" has a value
3035
+ // $.isNumeric is available only from jQuery 1.7 - thanks to birla for the fix!
3036
+ if (!isNaN(parseFloat(selected_month)) && isFinite(selected_month))
3037
+
3038
+ caption = caption.replace(/\bm\b|\bn\b|\bF\b|\bM\b/, function(match) {
3039
+
3040
+ switch (match) {
3041
+
3042
+ // month number, prefixed with 0
3043
+ case 'm':
3044
+ return str_pad(selected_month + 1, 2);
3045
+
3046
+ // month number, not prefixed with 0
3047
+ case 'n':
3048
+ return selected_month + 1;
3049
+
3050
+ // full month name
3051
+ case 'F':
3052
+ return plugin.settings.months[selected_month];
3053
+
3054
+ // month name, three letters
3055
+ case 'M':
3056
+ return ($.isArray(plugin.settings.months_abbr) && undefined !== plugin.settings.months_abbr[selected_month] ? plugin.settings.months_abbr[selected_month] : plugin.settings.months[selected_month].substr(0, 3));
3057
+
3058
+ // unknown replace
3059
+ default:
3060
+ return match;
3061
+
3062
+ }
3063
+
3064
+ });
3065
+
3066
+ // if "selected_year" has a value
3067
+ // $.isNumeric is available only from jQuery 1.7 - thanks to birla for the fix!
3068
+ if (!isNaN(parseFloat(selected_year)) && isFinite(selected_year))
3069
+
3070
+ // replace year-related patterns
3071
+ caption =
3072
+
3073
+ caption
3074
+
3075
+ // year as four digits
3076
+ .replace(/\bY\b/, selected_year)
3077
+
3078
+ // year as two digits
3079
+ .replace(/\by\b/, (selected_year + '').substr(2))
3080
+
3081
+ // lower limit of year as two or four digits
3082
+ .replace(/\bY1\b/i, selected_year - 7)
3083
+
3084
+ // upper limit of year as two or four digits
3085
+ .replace(/\bY2\b/i, selected_year + 4);
3086
+
3087
+ // update the caption in the header
3088
+ $('.dp_caption', header).html(caption);
3089
+
3090
+ };
3091
+
3092
+ /**
3093
+ * Shows the appropriate view (days, months or years) according to the current value of the "view" property.
3094
+ *
3095
+ * @return void
3096
+ *
3097
+ * @access private
3098
+ */
3099
+ var manage_views = function() {
3100
+
3101
+ var height, elements;
3102
+
3103
+ // if the day picker was not yet generated
3104
+ if (daypicker.text() === '' || view === 'days') {
3105
+
3106
+ // if the day picker was not yet generated
3107
+ if (daypicker.text() === '') {
3108
+
3109
+ // if date picker is not always visible in a container
3110
+ if (!(plugin.settings.always_visible instanceof jQuery))
3111
+
3112
+ // temporarily set the date picker's left outside of view
3113
+ // so that we can later grab its width and height
3114
+ datepicker.css('left', -1000);
3115
+
3116
+ // temporarily make the date picker visible
3117
+ // so that we can later grab its width and height
3118
+ datepicker.removeClass('hidden');
3119
+
3120
+ // generate the day picker
3121
+ generate_daypicker();
3122
+
3123
+ // jQuery rounds values returned by outerWidth and outerHeight
3124
+ // therefore, if we can get the un-rounded values, get those
3125
+ // get the day picker's width and height
3126
+ if (typeof daypicker[0].getBoundingClientRect !== 'undefined') height = daypicker[0].getBoundingClientRect().height;
3127
+
3128
+ // if "getBoundingClientRect" is not available
3129
+ // get the day picker's height
3130
+ else height = daypicker.outerHeight(true);
3131
+
3132
+ // make the month picker have the same size as the day picker
3133
+ monthpicker.css('height', height);
3134
+
3135
+ // make the year picker have the same size as the day picker
3136
+ yearpicker.css('height', height);
3137
+
3138
+ // make the time picker have the same size as the day picker
3139
+ timepicker.css('height', height + header.outerHeight(true));
3140
+
3141
+ // set the container's width so all the views have 100% width
3142
+ datepicker.css('width', datepicker.outerWidth());
3143
+
3144
+ // // we have to set this now or Chrome will make the datepicker extend to the full width of the screen...
3145
+ // $('.dp_caption', header).css('width', '100%');
3146
+
3147
+ // hide the date picker again
3148
+ datepicker.addClass('dp_hidden');
3149
+
3150
+ // if the day picker was previously generated at least once
3151
+ // generate the day picker
3152
+ } else generate_daypicker();
3153
+
3154
+ // show header
3155
+ header.show();
3156
+
3157
+ // hide the year and the month pickers
3158
+ monthpicker.hide();
3159
+ yearpicker.hide();
3160
+
3161
+ // hide time-picker related elements
3162
+ timepicker.hide();
3163
+ view_toggler.hide();
3164
+ confirm_selection.hide();
3165
+
3166
+ // if the time picker is enabled, show the clock icon
3167
+ if (timepicker_config) view_toggler.show().removeClass('dp_calendar');
3168
+
3169
+ // if the view is "months"
3170
+ } else if (view === 'months') {
3171
+
3172
+ // generate the month picker
3173
+ generate_monthpicker();
3174
+
3175
+ // hide the day and the year pickers
3176
+ daypicker.hide();
3177
+ yearpicker.hide();
3178
+
3179
+ // hide time-picker related elements
3180
+ timepicker.hide();
3181
+ view_toggler.hide();
3182
+ confirm_selection.hide();
3183
+
3184
+ // if the view is "years"
3185
+ } else if (view === 'years') {
3186
+
3187
+ // generate the year picker
3188
+ generate_yearpicker();
3189
+
3190
+ // hide the day and the month pickers
3191
+ daypicker.hide();
3192
+ monthpicker.hide();
3193
+
3194
+ // hide time-picker related elements
3195
+ timepicker.hide();
3196
+ view_toggler.hide();
3197
+ confirm_selection.hide();
3198
+
3199
+ // if the view is "time"
3200
+ } else if (view === 'time') {
3201
+
3202
+ // generate the time picker
3203
+ generate_timepicker();
3204
+
3205
+ // if the "time" view is the only available view
3206
+ if (views.length === 1) {
3207
+
3208
+ // hide the time picker toggler button
3209
+ view_toggler.hide();
3210
+
3211
+ // show the confirmation button
3212
+ confirm_selection.show();
3213
+
3214
+ // if the "time" view is not the only available view
3215
+ } else {
3216
+
3217
+ // time picker toggler button, but change the icon
3218
+ view_toggler.show().addClass('dp_calendar');
3219
+
3220
+ // if no date is selected
3221
+ // hide the confirmation button
3222
+ if ($element.val() === '') confirm_selection.hide();
3223
+
3224
+ // show the confirmation button
3225
+ else confirm_selection.show();
3226
+
3227
+ }
3228
+
3229
+ // hide the header, day, month and year pickers
3230
+ header.hide();
3231
+ daypicker.hide();
3232
+ monthpicker.hide();
3233
+ yearpicker.hide();
3234
+
3235
+ }
3236
+
3237
+ // if a callback function exists for when navigating through months/years
3238
+ if (view !== 'time' && plugin.settings.onChange && typeof plugin.settings.onChange === 'function' && undefined !== view) {
3239
+
3240
+ // get the "active" elements in the view (ignoring the disabled ones)
3241
+ elements = (view === 'days' ?
3242
+ daypicker.find('td:not(.dp_disabled)') :
3243
+ (view === 'months' ?
3244
+ monthpicker.find('td:not(.dp_disabled)') :
3245
+ yearpicker.find('td:not(.dp_disabled)')));
3246
+
3247
+ // iterate through the active elements
3248
+ // and attach a "date" data attribute to each element in the form of
3249
+ // YYYY-MM-DD if the view is "days"
3250
+ // YYYY-MM if the view is "months"
3251
+ // YYYY if the view is "years"
3252
+ // so it's easy to identify elements in the list
3253
+ elements.each(function() {
3254
+
3255
+ var matches;
3256
+
3257
+ // if view is "days"
3258
+ if (view === 'days')
3259
+
3260
+ // if date is from a next/previous month and is selectable
3261
+ if ($(this).hasClass('dp_not_in_month') && !$(this).hasClass('dp_disabled')) {
3262
+
3263
+ // extract date from the attached class
3264
+ matches = $(this).attr('class').match(/date\_([0-9]{4})(0[1-9]|1[012])(0[1-9]|[12][0-9]|3[01])/);
3265
+
3266
+ // attach a "date" data attribute to each element in the form of of YYYY-MM-DD for easily identifying sought elements
3267
+ $(this).data('date', matches[1] + '-' + matches[2] + '-' + matches[3]);
3268
+
3269
+ // if date is from the currently selected month
3270
+ } else
3271
+
3272
+ // attach a "date" data attribute to each element in the form of of YYYY-MM-DD for easily identifying sought elements
3273
+ $(this).data('date', selected_year + '-' + str_pad(selected_month + 1, 2) + '-' + str_pad(to_int($(this).text()), 2));
3274
+
3275
+ // if view is "months"
3276
+ else if (view === 'months') {
3277
+
3278
+ // get the month's number for the element's class
3279
+ matches = $(this).attr('class').match(/dp\_month\_([0-9]+)/);
3280
+
3281
+ // attach a "date" data attribute to each element in the form of of YYYY-MM for easily identifying sought elements
3282
+ $(this).data('date', selected_year + '-' + str_pad(to_int(matches[1]) + 1, 2));
3283
+
3284
+ // if view is "years"
3285
+ } else
3286
+
3287
+ // attach a "date" data attribute to each element in the form of of YYYY for easily identifying sought elements
3288
+ $(this).data('date', to_int($(this).text()));
3289
+
3290
+ });
3291
+
3292
+ // execute the callback function and send as arguments the current view, the elements in the view, and
3293
+ // the element the plugin is attached to
3294
+ plugin.settings.onChange.call($element, view, elements, $element);
3295
+
3296
+ }
3297
+
3298
+ // assume the footer is visible
3299
+ footer.show();
3300
+
3301
+ // if we are in the "time" view and there are more views available
3302
+ if (view === 'time' && views.length > 1) {
3303
+
3304
+ // hide the "Today" and the "Clear" buttons
3305
+ selecttoday.hide();
3306
+ cleardate.hide();
3307
+
3308
+ // for the other cases
3309
+ } else {
3310
+
3311
+ // assume both the "Today" and "Clear" buttons are visible
3312
+ selecttoday.show();
3313
+ cleardate.show();
3314
+
3315
+ // if the button for clearing a previously selected date needs to be visible all the time,
3316
+ // or the "Clear" button needs to be shown only when a date was previously selected, and now it's the case,
3317
+ // or the date picker is always visible and the "Clear" button was not explicitly disabled
3318
+ if (
3319
+ plugin.settings.show_clear_date === true ||
3320
+ (plugin.settings.show_clear_date === 0 && $element.val() !== '') ||
3321
+ (plugin.settings.always_visible && plugin.settings.show_clear_date !== false)
3322
+ )
3323
+
3324
+ // if the "Today" button is visible
3325
+ if (show_select_today) {
3326
+
3327
+ // show it, and set it's width to 50% of the available space
3328
+ selecttoday.css('width', '50%');
3329
+
3330
+ // the "Clear date" button only takes up 50% of the available space
3331
+ cleardate.css('width', '50%');
3332
+
3333
+ // if the "Today" button is not visible
3334
+ } else {
3335
+
3336
+ // hide the "Today" button
3337
+ selecttoday.hide();
3338
+
3339
+ // the "Clear date" button takes up 100% of the available space
3340
+ // unless the time picker is available, in which case take up 50% of the available space
3341
+ cleardate.css('width', views.indexOf('time') > -1 ? '50%' : '100%');
3342
+
3343
+ }
3344
+
3345
+ // otherwise
3346
+ else {
3347
+
3348
+ // hide the "Clear" button
3349
+ cleardate.hide();
3350
+
3351
+ // if the "Today" button is visible, it will now take up all the available space
3352
+ if (show_select_today) selecttoday.css('width', '100%');
3353
+
3354
+ // if the "Today" button should not be visible
3355
+ else {
3356
+
3357
+ // hide the "Today" button
3358
+ selecttoday.hide();
3359
+
3360
+ // if there's also no timepicker view, hide the footer entirely
3361
+ if (!timepicker_config || (view !== 'time' && view !== 'days')) footer.hide();
3362
+
3363
+ }
3364
+
3365
+ }
3366
+
3367
+ }
3368
+
3369
+ };
3370
+
3371
+ /**
3372
+ * Puts the specified date in the element the plugin is attached to, and hides the date picker.
3373
+ *
3374
+ * @param integer year The year
3375
+ *
3376
+ * @param integer month The month
3377
+ *
3378
+ * @param integer day The day
3379
+ *
3380
+ * @param string rview The view from where the method was called (the referrer view)
3381
+ *
3382
+ * @param object cell The element that was clicked
3383
+ *
3384
+ * @return void
3385
+ *
3386
+ * @access private
3387
+ */
3388
+ var select_date = function(year, month, day, rview, cell) {
3389
+
3390
+ var
3391
+
3392
+ // construct a new date object from the arguments
3393
+ default_date = new Date(year, month, day, (timepicker_config && timepicker_config.hours ? selected_hour + (timepicker_config.ampm && selected_ampm === 'pm' ? 12 : 0) : 12), (timepicker_config && timepicker_config.minutes ? selected_minute : 0), (timepicker_config && timepicker_config.seconds ? selected_second : 0)),
3394
+
3395
+ // pointer to the cells in the current view
3396
+ view_cells = (rview === 'days' ? daypicker_cells : (rview === 'months' ? monthpicker_cells : yearpicker_cells)),
3397
+
3398
+ // the selected date, formatted correctly
3399
+ selected_value = format(default_date);
3400
+
3401
+ // set the currently selected and formated date as the value of the element the plugin is attached to
3402
+ $element.val(selected_value);
3403
+
3404
+ // if date picker is always visible or time picker is available
3405
+ if (plugin.settings.always_visible || timepicker_config) {
3406
+
3407
+ // extract the date parts and reassign values to these variables
3408
+ // so that everything will be correctly highlighted
3409
+ default_month = default_date.getMonth();
3410
+ selected_month = default_date.getMonth();
3411
+ default_year = default_date.getFullYear();
3412
+ selected_year = default_date.getFullYear();
3413
+ default_day = default_date.getDate();
3414
+
3415
+ // if "cell" is available (it isn't when called from increasing/decreasing values the time picker)
3416
+ if (cell && view_cells) {
3417
+
3418
+ // remove the "selected" class from all cells in the current view
3419
+ view_cells.removeClass('dp_selected');
3420
+
3421
+ // add the "selected" class to the currently selected cell
3422
+ cell.addClass('dp_selected');
3423
+
3424
+ // if we're on the "days" view and days from other months are selectable and one of those days was
3425
+ // selected, repaint the datepicker so it will take us to the selected month
3426
+ if (rview === 'days' && cell.hasClass('dp_not_in_month') && !cell.hasClass('dp_disabled')) plugin.show();
3427
+
3428
+ }
3429
+
3430
+ }
3431
+
3432
+ // if format contains time, switch to the time picker view
3433
+ if (timepicker_config) {
3434
+
3435
+ view = 'time';
3436
+ manage_views();
3437
+
3438
+ // if format doesn't contain time
3439
+ } else {
3440
+
3441
+ // move focus to the element the plugin is attached to
3442
+ $element.focus();
3443
+
3444
+ // hide the date picker
3445
+ plugin.hide();
3446
+
3447
+ }
3448
+
3449
+ // updates value for the date picker whose starting date depends on the selected date (if any)
3450
+ update_dependent(default_date);
3451
+
3452
+ // if a callback function exists for when selecting a date
3453
+ if (plugin.settings.onSelect && typeof plugin.settings.onSelect === 'function')
3454
+
3455
+ // execute the callback function
3456
+ // make "this" inside the callback function refer to the element the date picker is attached to
3457
+ plugin.settings.onSelect.call($element, selected_value, year + '-' + str_pad(month + 1, 2) + '-' + str_pad(day, 2), default_date, $element, getWeekNumber(default_date));
3458
+
3459
+ };
3460
+
3461
+ /**
3462
+ * Concatenates any number of arguments and returns them as string.
3463
+ *
3464
+ * @return string Returns the concatenated values.
3465
+ *
3466
+ * @access private
3467
+ */
3468
+ var str_concat = function() {
3469
+
3470
+ var str = '', i;
3471
+
3472
+ // concatenate as string
3473
+ for (i = 0; i < arguments.length; i++) str += (arguments[i] + '');
3474
+
3475
+ // return the concatenated values
3476
+ return str;
3477
+
3478
+ };
3479
+
3480
+ /**
3481
+ * Left-pad a string to a certain length with zeroes.
3482
+ *
3483
+ * @param string str The string to be padded.
3484
+ *
3485
+ * @param integer len The length to which the string must be padded
3486
+ *
3487
+ * @return string Returns the string left-padded with leading zeroes
3488
+ *
3489
+ * @access private
3490
+ */
3491
+ var str_pad = function(str, len) {
3492
+
3493
+ // make sure argument is a string
3494
+ str += '';
3495
+
3496
+ // pad with leading zeroes until we get to the desired length
3497
+ while (str.length < len) str = '0' + str;
3498
+
3499
+ // return padded string
3500
+ return str;
3501
+
3502
+ };
3503
+
3504
+ /**
3505
+ * Returns the integer representation of a string
3506
+ *
3507
+ * @return int Returns the integer representation of the string given as argument
3508
+ *
3509
+ * @access private
3510
+ */
3511
+ var to_int = function(str) {
3512
+
3513
+ // return the integer representation of the string given as argument
3514
+ return parseInt(str, 10);
3515
+
3516
+ };
3517
+
3518
+ /**
3519
+ * Updates the paired date picker (whose starting date depends on the value of the current date picker)
3520
+ *
3521
+ * @param date date A JavaScript date object representing the currently selected date
3522
+ *
3523
+ * @return void
3524
+ *
3525
+ * @access private
3526
+ */
3527
+ var update_dependent = function(date) {
3528
+
3529
+ // if the pair element exists
3530
+ if (plugin.settings.pair)
3531
+
3532
+ // iterate through the pair elements (as there may be more than just one)
3533
+ $.each(plugin.settings.pair, function() {
3534
+
3535
+ var $pair = $(this), dp;
3536
+
3537
+ // chances are that in the beginning the pair element doesn't have the Zebra_DatePicker attached to it yet
3538
+ // (as the "start" element is usually created before the "end" element)
3539
+ // so we'll have to rely on "data" to send the starting date to the pair element
3540
+
3541
+ // therefore, if Zebra_DatePicker is not yet attached
3542
+ if (!($pair.data && $pair.data('Zebra_DatePicker')))
3543
+
3544
+ // set the starting date like this
3545
+ $pair.data('zdp_reference_date', date);
3546
+
3547
+ // if Zebra_DatePicker is attached to the pair element
3548
+ else {
3549
+
3550
+ // reference the date picker object attached to the other element
3551
+ dp = $pair.data('Zebra_DatePicker');
3552
+
3553
+ // update the other date picker's starting date
3554
+ // the value depends on the original value of the "direction" attribute
3555
+ // (also, if the pair date picker does not have a direction, set it to 1)
3556
+ dp.update({
3557
+ reference_date: date,
3558
+ direction: dp.settings.direction === 0 ? 1 : dp.settings.direction
3559
+ });
3560
+
3561
+ // if the other date picker is always visible, update the visuals now
3562
+ if (dp.settings.always_visible) dp.show();
3563
+
3564
+ }
3565
+
3566
+ });
3567
+
3568
+ };
3569
+
3570
+ /**
3571
+ * Calculate the ISO 8601 week number for a given date.
3572
+ *
3573
+ * Code is based on the algorithm at http://www.tondering.dk/claus/cal/week.php#calcweekno
3574
+ */
3575
+ var getWeekNumber = function(date) {
3576
+
3577
+ var y = date.getFullYear(),
3578
+ m = date.getMonth() + 1,
3579
+ d = date.getDate(),
3580
+ a, b, c, s, e, f, g, n, w;
3581
+
3582
+ // If month jan. or feb.
3583
+ if (m < 3) {
3584
+
3585
+ a = y - 1;
3586
+ b = (a / 4 | 0) - (a / 100 | 0) + (a / 400 | 0);
3587
+ c = ((a - 1) / 4 | 0) - ((a - 1) / 100 | 0) + ((a - 1) / 400 | 0);
3588
+ s = b - c;
3589
+ e = 0;
3590
+ f = d - 1 + 31 * (m - 1);
3591
+
3592
+ // If month mar. through dec.
3593
+ } else {
3594
+
3595
+ a = y;
3596
+ b = (a / 4 | 0) - (a / 100 | 0) + (a / 400 | 0);
3597
+ c = ((a - 1) / 4 | 0) - ((a - 1) / 100 | 0) + ((a - 1) / 400 | 0);
3598
+ s = b - c;
3599
+ e = s + 1;
3600
+ f = d + ((153 * (m - 3) + 2) / 5 | 0) + 58 + s;
3601
+
3602
+ }
3603
+
3604
+ g = (a + b) % 7;
3605
+ // ISO Weekday (0 is monday, 1 is tuesday etc.)
3606
+ d = (f + g - e) % 7;
3607
+ n = f + 3 - d;
3608
+
3609
+ if (n < 0) w = 53 - ((g - s) / 5 | 0);
3610
+
3611
+ else if (n > 364 + s) w = 1;
3612
+
3613
+ else w = (n / 7 | 0) + 1;
3614
+
3615
+ return w;
3616
+
3617
+ };
3618
+
3619
+ // since with jQuery 1.9.0 the $.browser object was removed, we rely on this piece of code from
3620
+ // http://www.quirksmode.org/js/detect.html to detect the browser
3621
+ var browser = {
3622
+ init: function() {
3623
+ this.name = this.searchString(this.dataBrowser) || '';
3624
+ this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || '';
3625
+ },
3626
+ searchString: function(data) {
3627
+ var i, dataString, dataProp;
3628
+
3629
+ for (i = 0; i < data.length; i++) {
3630
+ dataString = data[i].string;
3631
+ dataProp = data[i].prop;
3632
+ this.versionSearchString = data[i].versionSearch || data[i].identity;
3633
+ if (dataString) {
3634
+ if (dataString.indexOf(data[i].subString) !== -1)
3635
+ return data[i].identity;
3636
+ } else if (dataProp)
3637
+ return data[i].identity;
3638
+ }
3639
+ },
3640
+ searchVersion: function(dataString) {
3641
+ var index = dataString.indexOf(this.versionSearchString);
3642
+
3643
+ if (index === -1) return;
3644
+
3645
+ return parseFloat(dataString.substring(index + this.versionSearchString.length + 1));
3646
+ },
3647
+ dataBrowser: [
3648
+ {
3649
+ string: navigator.userAgent,
3650
+ subString: 'Firefox',
3651
+ identity: 'firefox'
3652
+ },
3653
+ {
3654
+ string: navigator.userAgent,
3655
+ subString: 'MSIE',
3656
+ identity: 'explorer',
3657
+ versionSearch: 'MSIE'
3658
+ }
3659
+ ]
3660
+ };
3661
+
3662
+ browser.init();
3663
+
3664
+ // initialize the plugin
3665
+ init();
3666
+
3667
+ };
3668
+
3669
+ $.fn.Zebra_DatePicker = function(options) {
3670
+
3671
+ // iterate through all the elements to which we need to attach the date picker to
3672
+ return this.each(function() {
3673
+
3674
+ // if element has a date picker already attached
3675
+ if (undefined !== $(this).data('Zebra_DatePicker'))
3676
+
3677
+ // remove the attached date picker
3678
+ $(this).data('Zebra_DatePicker').destroy();
3679
+
3680
+ // create an instance of the plugin
3681
+ var plugin = new $.Zebra_DatePicker(this, options);
3682
+
3683
+ // save a reference to the newly created object
3684
+ $(this).data('Zebra_DatePicker', plugin);
3685
+
3686
+ });
3687
+
3688
+ };
3689
+
3690
+ }));