koha-dev.rot13.org Git - srvgit/blob - koha-tmpl/opac-tmpl/bootstrap/en/includes/calendar.inc

   1 [% USE Koha %]
   2 <script>
   3     //<![CDATA[
   4         var debug    = "[% debug | html %]";
   5         var dformat  = "[% dateformat | html %]";
   6         var sentmsg = 0;
   7         if (debug > 1) {alert("dateformat: " + dformat + "\ndebug is on (level " + debug + ")");}
   8
   9         function Date_from_syspref(dstring) {
  10                 var dateX = dstring.split(/[-/.]/);
  11                 if (debug > 1 && sentmsg < 1) {sentmsg++; alert("Date_from_syspref(" + dstring + ") splits to:\n" + dateX.join("\n"));}
  12                 if (dformat === "iso") {
  13                         return new Date(dateX[0], (dateX[1] - 1), dateX[2]);  // YYYY-MM-DD to (YYYY,m(0-11),d)
  14                 } else if (dformat === "us") {
  15                         return new Date(dateX[2], (dateX[0] - 1), dateX[1]);  // MM/DD/YYYY to (YYYY,m(0-11),d)
  16                 } else if (dformat === "metric") {
  17                         return new Date(dateX[2], (dateX[1] - 1), dateX[0]);  // DD/MM/YYYY to (YYYY,m(0-11),d)
  18                 } else if (dformat === "dmydot") {
  19                         return new Date(dateX[2], (dateX[1] - 1), dateX[0]);  // DD.MM.YYYY to (YYYY,m(0-11),d)
  20                 } else {
  21                         if (debug > 0) {alert("KOHA ERROR - Unrecognized date format: " +dformat);}
  22                         return 0;
  23                 }
  24         }
  25
  26         /* Instead of including multiple localization files as you would normally see with
  27            jQueryUI we expose the localization strings in the default configuration */
  28         jQuery(function($){
  29             $.datepicker.regional[''] = {
  30                 closeText: _("Done"),
  31                 prevText: _("Prev"),
  32                 nextText: _("Next"),
  33                 currentText: _("Today"),
  34                 monthNames: [_("January"),_("February"),_("March"),_("April"),_("May"),_("June"),
  35                 _("July"),_("August"),_("September"),_("October"),_("November"),_("December")],
  36                 monthNamesShort: [_("Jan"), _("Feb"), _("Mar"), _("Apr"), _("May"), _("Jun"),
  37                 _("Jul"), _("Aug"), _("Sep"), _("Oct"), _("Nov"), _("Dec")],
  38                 dayNames: [_("Sunday"), _("Monday"), _("Tuesday"), _("Wednesday"), _("Thursday"), _("Friday"), _("Saturday")],
  39                 dayNamesShort: [_("Sun"), _("Mon"), _("Tue"), _("Wed"), _("Thu"), _("Fri"), _("Sat")],
  40                 dayNamesMin: [_("Su"),_("Mo"),_("Tu"),_("We"),_("Th"),_("Fr"),_("Sa")],
  41                 weekHeader: _("Wk"),
  42                 dateFormat: '[% IF ( dateformat == "us" ) %]mm/dd/yy[% ELSIF ( dateformat == "metric" ) %]dd/mm/yy[% ELSIF ( dateformat == "dmydot" ) %]dd.mm.yy[% ELSE %]yy-mm-dd[% END %]',
  43                 firstDay: [% Koha.Preference('CalendarFirstDayOfWeek') | html %],
  44                 isRTL: [% IF ( bidi ) %]true[% ELSE %]false[% END %],
  45                 showMonthAfterYear: false,
  46                 yearSuffix: ''};
  47             $.datepicker.setDefaults($.datepicker.regional['']);
  48         });
  49
  50         $(document).ready(function(){
  51
  52         $.datepicker.setDefaults({
  53                 showOn: "both",
  54                 changeMonth: true,
  55                 changeYear: true,
  56                 buttonImage: '[% interface | html %]/lib/famfamfam/calendar.png',
  57                 buttonImageOnly: true,
  58                 showButtonPanel: true,
  59                 showOtherMonths: true,
  60                 yearRange: "c-100:c+10"
  61             });
  62
  63         $("#borrower_dateofbirth").datepicker({
  64                 yearRange: "c-100:c"
  65             });
  66
  67             $( ".datepicker" ).datepicker();
  68             // http://jqueryui.com/demos/datepicker/#date-range
  69             var dates = $( ".datepickerfrom, .datepickerto" ).datepicker({
  70                 changeMonth: true,
  71                 numberOfMonths: 1,
  72                 onSelect: function( selectedDate ) {
  73                     var option = this.id == "from" ? "minDate" : "maxDate",
  74                         instance = $( this ).data( "datepicker" );
  75                         date = $.datepicker.parseDate(
  76                             instance.settings.dateFormat ||
  77                             $.datepicker._defaults.dateFormat,
  78                             selectedDate, instance.settings );
  79                     dates.not( this ).datepicker( "option", option, date );
  80                 }
  81             });
  82         });
  83
  84         // jQuery Datepicker - a11y: Map arrow keys
  85         var doKeyDown = $.datepicker._doKeyDown
  86         $.extend($.datepicker, {
  87             _doKeyDown: function(event) {
  88                 if (event.which === $.ui.keyCode.LEFT ||
  89                     event.which === $.ui.keyCode.RIGHT ||
  90                     event.which === $.ui.keyCode.UP ||
  91                     event.which === $.ui.keyCode.DOWN) {
  92                     event.ctrlKey = true;
  93                     doKeyDown(event);
  94                 } else {
  95                     doKeyDown(event);
  96                 }
  97             }
  98         });
  99     //]]>
 100 </script>