koha-tmpl/opac-tmpl/bootstrap/en/includes/calendar.inc

   1 [% USE Koha %]
   2 <script type="text/javascript">
   3     //<![CDATA[
   4         var debug    = "[% debug %]";
   5         var dformat  = "[% dateformat %]";
   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') %],
  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 %]/lib/famfamfam/silk/calendar.png',
  57                 buttonImageOnly: true,
  58                 showButtonPanel: true,
  59                 showOtherMonths: true
  60             });
  61
  62             $( ".datepicker" ).datepicker();
  63             // http://jqueryui.com/demos/datepicker/#date-range
  64             var dates = $( ".datepickerfrom, .datepickerto" ).datepicker({
  65                 changeMonth: true,
  66                 numberOfMonths: 1,
  67                 onSelect: function( selectedDate ) {
  68                     var option = this.id == "from" ? "minDate" : "maxDate",
  69                         instance = $( this ).data( "datepicker" );
  70                         date = $.datepicker.parseDate(
  71                             instance.settings.dateFormat ||
  72                             $.datepicker._defaults.dateFormat,
  73                             selectedDate, instance.settings );
  74                     dates.not( this ).datepicker( "option", option, date );
  75                 }
  76             });
  77         });
  78     //]]>
  79 </script>