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