koha-tmpl/intranet-tmpl/prog/en/includes/calendar.inc

   1 [% USE Koha %]
   2 <script type="text/javascript">
   3 //<![CDATA[
   4
   5 var debug    = "[% debug %]";
   6 var dformat  = "[% dateformat %]";
   7 var sentmsg = 0;
   8 if (debug > 1) {alert("dateformat: " + dformat + "\ndebug is on (level " + debug + ")");}
   9 var MSG_PLEASE_ENTER_A_VALID_DATE = ("Please enter a valid date.");
  10
  11 function validate_date (dateText, inst) {
  12     var dateformat = '[% Koha.Preference('dateformat') %]';
  13     if ( dateformat == 'us' ) {
  14         dateformat = 'mm/dd/yy';
  15     } else if ( dateformat == 'metric' ) {
  16         dateformat = 'dd/mm/yy';
  17     } else if (dateformat == 'iso' ) {
  18         dateformat = 'yy-mm-dd';
  19     }
  20     try {
  21         $.datepicker.parseDate(dateformat, dateText);
  22     } catch (e) {
  23         alert(MSG_PLEASE_ENTER_A_VALID_DATE);
  24         $('#'+inst.id).val('');
  25     };
  26 }
  27
  28 function Date_from_syspref(dstring) {
  29         var dateX = dstring.split(/[-/.]/);
  30         if (debug > 1 && sentmsg < 1) {sentmsg++; alert("Date_from_syspref(" + dstring + ") splits to:\n" + dateX.join("\n"));}
  31         if (dformat === "iso") {
  32                 return new Date(dateX[0], (dateX[1] - 1), dateX[2]);  // YYYY-MM-DD to (YYYY,m(0-11),d)
  33         } else if (dformat === "us") {
  34                 return new Date(dateX[2], (dateX[0] - 1), dateX[1]);  // MM/DD/YYYY to (YYYY,m(0-11),d)
  35         } else if (dformat === "metric") {
  36                 return new Date(dateX[2], (dateX[1] - 1), dateX[0]);  // DD/MM/YYYY to (YYYY,m(0-11),d)
  37         } else if (dformat === "dmydot") {
  38                 return new Date(dateX[2], (dateX[1] - 1), dateX[0]);  // DD.MM.YYYY to (YYYY,m(0-11),d)
  39         } else {
  40                 if (debug > 0) {alert("KOHA ERROR - Unrecognized date format: " +dformat);}
  41                 return 0;
  42         }
  43 }
  44
  45 function DateTime_from_syspref(date_time) {
  46         var parts = date_time.split(" ");
  47         var date = parts[0];
  48         var time = parts[1];
  49         parts = time.split(":");
  50         var hour = parts[0];
  51         var minute = parts[1];
  52
  53         if ( hour < 0 || hour > 23 ) {
  54             return 0;
  55         }
  56         if ( minute < 0 || minute > 59 ) {
  57             return 0;
  58         }
  59
  60         var datetime = Date_from_syspref( date );
  61
  62         if ( isNaN( datetime.getTime() ) ) {
  63             return 0;
  64         }
  65
  66         datetime.setHours( hour );
  67         datetime.setMinutes( minute );
  68
  69         return datetime;
  70 }
  71
  72
  73 /* Instead of including multiple localization files as you would normally see with
  74    jQueryUI we expose the localization strings in the default configuration */
  75 jQuery(function($){
  76     $.datepicker.regional[''] = {
  77         closeText: _("Done"),
  78         prevText: _("Prev"),
  79         nextText: _("Next"),
  80         currentText: _("Today"),
  81         monthNames: [_("January"),_("February"),_("March"),_("April"),_("May"),_("June"),
  82         _("July"),_("August"),_("September"),_("October"),_("November"),_("December")],
  83         monthNamesShort: [_("Jan"), _("Feb"), _("Mar"), _("Apr"), _("May"), _("Jun"),
  84         _("Jul"), _("Aug"), _("Sep"), _("Oct"), _("Nov"), _("Dec")],
  85         dayNames: [_("Sunday"), _("Monday"), _("Tuesday"), _("Wednesday"), _("Thursday"), _("Friday"), _("Saturday")],
  86         dayNamesShort: [_("Sun"), _("Mon"), _("Tue"), _("Wed"), _("Thu"), _("Fri"), _("Sat")],
  87         dayNamesMin: [_("Su"),_("Mo"),_("Tu"),_("We"),_("Th"),_("Fr"),_("Sa")],
  88         weekHeader: _("Wk"),
  89         dateFormat: "[% IF ( dateformat == "us" ) %]mm/dd/yy[% ELSIF ( dateformat == "metric" ) %]dd/mm/yy[% ELSIF ( dateformat == "dmydot" ) %]dd.mm.yy[% ELSE %]yy-mm-dd[% END %]",
  90         firstDay: [% Koha.Preference('CalendarFirstDayOfWeek') %],
  91         isRTL: [% IF ( bidi ) %]true[% ELSE %]false[% END %],
  92         showMonthAfterYear: false,
  93         yearSuffix: ''};
  94     $.datepicker.setDefaults($.datepicker.regional['']);
  95 });
  96
  97 $(document).ready(function(){
  98
  99 $.datepicker.setDefaults({
 100         showOn: "both",
 101         changeMonth: true,
 102         changeYear: true,
 103         buttonImage: '[% interface %]/[% theme %]/img/famfamfam/silk/calendar.png',
 104         buttonImageOnly: true,
 105         showButtonPanel: true,
 106         showOtherMonths: true,
 107         selectOtherMonths: true
 108     });
 109
 110     $( ".datepicker" ).datepicker({
 111         onClose: function(dateText, inst) {
 112             validate_date(dateText, inst);
 113         },
 114     });
 115     // http://jqueryui.com/demos/datepicker/#date-range
 116     var dates = $( ".datepickerfrom, .datepickerto" ).datepicker({
 117         changeMonth: true,
 118         numberOfMonths: 1,
 119         onSelect: function( selectedDate ) {
 120             var option = this.id == "from" ? "minDate" : "maxDate",
 121                 instance = $( this ).data( "datepicker" );
 122                 date = $.datepicker.parseDate(
 123                     instance.settings.dateFormat ||
 124                     $.datepicker._defaults.dateFormat,
 125                     selectedDate, instance.settings );
 126             dates.not( this ).datepicker( "option", option, date );
 127         },
 128         onClose: function(dateText, inst) {
 129             validate_date(dateText, inst);
 130         },
 131     });
 132 });
 133 //]]>
 134 </script>