-<link rel="stylesheet" type="text/css" href="<!-- TMPL_VAR name="themelang" -->/lib/calendar/calendar-system.css"/>
-<script type="text/javascript" src="<!-- TMPL_VAR name="themelang" -->/lib/calendar/calendar.js"></script>
-<script type="text/javascript">
-// full day names
-Calendar._DN = new Array(_("Sunday"),_("Monday"),_("Tuesday"),_("Wednesday"),_("Thursday"),_("Friday"),_("Saturday"),_("Sunday"));
-// short day names
-Calendar._SDN = new Array(_("Sun"),_("Mon"),_("Tue"),_("Wed"),_("Thu"),_("Fri"),_("Sat"),_("Sun"));
-// First day of the week. "0" means display Sunday first, "1" means display
-// Monday first, etc.
-Calendar._FD = 1;
-// full month names
-Calendar._MN = new Array(_("January"),_("February"),_("March"),_("April"),_("May"),_("June"),_("July"),_("August"),_("September"),_("October"),_("November"),_("December"));
-// short month names
-Calendar._SMN = new Array(_("Jan"),_("Feb"),_("Mar"),_("Apr"),_("May"),_("Jun"),_("Jul"),_("Aug"),_("Sep"),_("Oct"),_("Nov"),_("Dec"));
-// tooltips
-Calendar._TT = {};
-Calendar._TT["INFO"] = _("About the calendar");
-
-Calendar._TT["ABOUT"] =
-_("DHTML Date/Time Selector")+"\n" +
-"(c) dynarch.com 2002-2003\n" + // don't translate this this ;-)
-_("For latest version visit: http://dynarch.com/mishoo/calendar.epl")+"\n" +
-_("Distributed under GNU LGPL. See http://gnu.org/licenses/lgpl.html for details.") +
-"\n\n" +
-_("Date selection:")+"\n" +
-_("- Use the \xab, \xbb buttons to select year")+"\n" +
-_("- Use the " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " buttons to select month")+"\n" +
-_("- Hold mouse button on any of the above buttons for faster selection.");
-Calendar._TT["ABOUT_TIME"] = "\n\n" +
-_("Time selection:")+"\n" +
-_("- Click on any of the time parts to increase it")+"\n" +
-_("- or Shift-click to decrease it")+"\n" +
-_("- or click and drag for faster selection.");
-
-Calendar._TT["PREV_YEAR"] = _("Prev. year (hold for menu)");
-Calendar._TT["PREV_MONTH"] = _("Prev. month (hold for menu)");
-Calendar._TT["GO_TODAY"] = _("Go to Today");
-Calendar._TT["NEXT_MONTH"] = _("Next month (hold for menu)");
-Calendar._TT["NEXT_YEAR"] = _("Next year (hold for menu)");
-Calendar._TT["SEL_DATE"] = _("Select date");
-Calendar._TT["DRAG_TO_MOVE"] = _("Drag to move");
-Calendar._TT["PART_TODAY"] = _(" (today)");
-
-// the following is to inform that "%s" is to be the first day of week
-// %s will be replaced with the day name.
-Calendar._TT["DAY_FIRST"] = _("Display %s first");
-
-// This may be locale-dependent. It specifies the week-end days, as an array
-// of comma-separated numbers. The numbers are from 0 to 6: 0 means Sunday, 1
-// means Monday, etc.
-Calendar._TT["WEEKEND"] = "0,6";
-
-Calendar._TT["CLOSE"] = _("Close");
-Calendar._TT["TODAY"] = _("Today");
-Calendar._TT["TIME_PART"] = _("(Shift-)Click or drag to change value");
-
-// date formats
-Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
-Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
-
-Calendar._TT["WK"] = _("wk");
-Calendar._TT["TIME"] = _("Time:");
-</script>
-<script type="text/javascript" src="<!-- TMPL_VAR name="themelang" -->/lib/calendar/calendar-setup.js"></script>
+[% USE Koha %]
<script type="text/javascript">
//<![CDATA[
-var debug = "<!-- TMPL_VAR Name="debug" -->";
-var dformat = "<!-- TMPL_VAR Name="dateformat" -->";
+
+var debug = "[% debug %]";
+var dformat = "[% dateformat %]";
var sentmsg = 0;
if (debug > 1) {alert("dateformat: " + dformat + "\ndebug is on (level " + debug + ")");}
+var MSG_PLEASE_ENTER_A_VALID_DATE = (_("Please enter a valid date (should match %s)."));
+
+function is_valid_date(date) {
+ // An empty string is considered as a valid date for convenient reasons.
+ if ( date === '' ) return 1;
+
+ var dateformat = dateformat_str = '[% Koha.Preference('dateformat') %]';
+ if ( dateformat == 'us' ) {
+ if ( date.search(/^\d{2}\/\d{2}\/\d{4}($|\s)/) == -1 ) return 0;
+ dateformat = 'mm/dd/yy';
+ } else if ( dateformat == 'metric' ) {
+ if ( date.search(/^\d{2}\/\d{2}\/\d{4}($|\s)/) == -1 ) return 0;
+ dateformat = 'dd/mm/yy';
+ } else if (dateformat == 'iso' ) {
+ if ( date.search(/^\d{4}-\d{2}-\d{2}($|\s)/) == -1 ) return 0;
+ dateformat = 'yy-mm-dd';
+ } else if ( dateformat == 'dmydot' ) {
+ if ( date.search(/^\d{2}\.\d{2}\.\d{4}($|\s)/) == -1 ) return 0;
+ dateformat = 'dd.mm.yy';
+ }
+ try {
+ $.datepicker.parseDate(dateformat, date);
+ } catch (e) {
+ return 0;
+ };
+ return 1;
+}
+
+function get_dateformat_str(dateformat) {
+ var dateformat_str;
+ if ( dateformat == 'us' ) {
+ dateformat_str = 'mm/dd/yyyy';
+ } else if ( dateformat == 'metric' ) {
+ dateformat_str = 'dd/mm/yyyy';
+ } else if (dateformat == 'iso' ) {
+ dateformat_str = 'yyyy-mm-dd';
+ } else if ( dateformat == 'dmydot' ) {
+ dateformat_str = 'dd.mm.yyyy';
+ }
+ return dateformat_str;
+}
+
+function validate_date (dateText, inst) {
+ if ( !is_valid_date(dateText) ) {
+ var dateformat_str = get_dateformat_str( '[% Koha.Preference('dateformat') %]' );
+ alert(MSG_PLEASE_ENTER_A_VALID_DATE.format(dateformat_str));
+ $('#'+inst.id).val('');
+ }
+}
function Date_from_syspref(dstring) {
- var dateX = dstring.split(/[-/]/);
- if (debug > 1 && sentmsg < 1) {sentmsg++; alert("Date_from_syspref(" + dstring + ") splits to:\n" + dateX.join("\n"));}
- if (dformat === "iso") {
- return new Date(dateX[0], (dateX[1] - 1), dateX[2]); // YYYY-MM-DD to (YYYY,m(0-11),d)
- } else if (dformat === "us") {
- return new Date(dateX[2], (dateX[0] - 1), dateX[1]); // MM/DD/YYYY to (YYYY,m(0-11),d)
- } else if (dformat === "metric") {
- return new Date(dateX[2], (dateX[1] - 1), dateX[0]); // DD/MM/YYYY to (YYYY,m(0-11),d)
- } else {
- if (debug > 0) {alert("KOHA ERROR - Unrecognized date format: " +dformat);}
- return 0;
- }
+ var dateX = dstring.split(/[-/.]/);
+ if (debug > 1 && sentmsg < 1) {sentmsg++; alert("Date_from_syspref(" + dstring + ") splits to:\n" + dateX.join("\n"));}
+ if (dformat === "iso") {
+ return new Date(dateX[0], (dateX[1] - 1), dateX[2]); // YYYY-MM-DD to (YYYY,m(0-11),d)
+ } else if (dformat === "us") {
+ return new Date(dateX[2], (dateX[0] - 1), dateX[1]); // MM/DD/YYYY to (YYYY,m(0-11),d)
+ } else if (dformat === "metric") {
+ return new Date(dateX[2], (dateX[1] - 1), dateX[0]); // DD/MM/YYYY to (YYYY,m(0-11),d)
+ } else if (dformat === "dmydot") {
+ return new Date(dateX[2], (dateX[1] - 1), dateX[0]); // DD.MM.YYYY to (YYYY,m(0-11),d)
+ } else {
+ if (debug > 0) {alert("KOHA ERROR - Unrecognized date format: " +dformat);}
+ return 0;
+ }
}
-function get_Calendar_limit (date,did) {
- // this function could be moved to a static calendar-extras.js file
- var dvalue = document.getElementById(did).value;
- if (dvalue == "") { return false; }
- var limitDate = Date_from_syspref(dvalue);
- if (debug && debug > 5) {
- var month = date.getMonth() + 1;
- var dateString = date.getFullYear() + '-' + month + '-' + date.getDate();
- alert("Comparing incoming (" + dateString + ") vs "
- + "'" + did + "' limit\n"
- + "\n thisdate: " + date
- + "\nlimitdate: " + limitDate
- + "\nlimit > thisdate : " + (limitDate > date)
- + "\nlimit < thisdate : " + (limitDate < date)
- );
- }
- return limitDate;
+function DateTime_from_syspref(date_time) {
+ var parts = date_time.split(" ");
+ var date = parts[0];
+ var time = parts[1];
+ parts = time.split(":");
+ var hour = parts[0];
+ var minute = parts[1];
+
+ if ( hour < 0 || hour > 23 ) {
+ return 0;
+ }
+ if ( minute < 0 || minute > 59 ) {
+ return 0;
+ }
+
+ var datetime = Date_from_syspref( date );
+
+ if ( isNaN( datetime.getTime() ) ) {
+ return 0;
+ }
+
+ datetime.setHours( hour );
+ datetime.setMinutes( minute );
+
+ return datetime;
}
+
+
+/* Instead of including multiple localization files as you would normally see with
+ jQueryUI we expose the localization strings in the default configuration */
+jQuery(function($){
+ $.datepicker.regional[''] = {
+ closeText: _("Done"),
+ prevText: _("Prev"),
+ nextText: _("Next"),
+ currentText: _("Today"),
+ monthNames: [_("January"),_("February"),_("March"),_("April"),_("May"),_("June"),
+ _("July"),_("August"),_("September"),_("October"),_("November"),_("December")],
+ monthNamesShort: [_("Jan"), _("Feb"), _("Mar"), _("Apr"), _("May"), _("Jun"),
+ _("Jul"), _("Aug"), _("Sep"), _("Oct"), _("Nov"), _("Dec")],
+ dayNames: [_("Sunday"), _("Monday"), _("Tuesday"), _("Wednesday"), _("Thursday"), _("Friday"), _("Saturday")],
+ dayNamesShort: [_("Sun"), _("Mon"), _("Tue"), _("Wed"), _("Thu"), _("Fri"), _("Sat")],
+ dayNamesMin: [_("Su"),_("Mo"),_("Tu"),_("We"),_("Th"),_("Fr"),_("Sa")],
+ weekHeader: _("Wk"),
+ dateFormat: "[% IF ( dateformat == "us" ) %]mm/dd/yy[% ELSIF ( dateformat == "metric" ) %]dd/mm/yy[% ELSIF ( dateformat == "dmydot" ) %]dd.mm.yy[% ELSE %]yy-mm-dd[% END %]",
+ firstDay: [% Koha.Preference('CalendarFirstDayOfWeek') %],
+ isRTL: [% IF ( bidi ) %]true[% ELSE %]false[% END %],
+ showMonthAfterYear: false,
+ yearSuffix: ''};
+ $.datepicker.setDefaults($.datepicker.regional['']);
+});
+
+$(document).ready(function(){
+
+$.datepicker.setDefaults({
+ showOn: "both",
+ changeMonth: true,
+ changeYear: true,
+ buttonImage: '[% interface %]/[% theme %]/img/famfamfam/silk/calendar.png',
+ buttonImageOnly: true,
+ showButtonPanel: true,
+ showOtherMonths: true,
+ selectOtherMonths: true,
+ yearRange: "c-100:c+10"
+ });
+
+$("#dateofbirth").datepicker({
+ yearRange: "c-100:c"
+ });
+
+ $( ".datepicker" ).datepicker({
+ onClose: function(dateText, inst) {
+ validate_date(dateText, inst);
+ },
+ }).on("change", function(e, value) {
+ if ( ! is_valid_date( $(this).val() ) ) {$(this).val("");}
+ });
+ // http://jqueryui.com/demos/datepicker/#date-range
+ var dates = $( ".datepickerfrom, .datepickerto" ).datepicker({
+ changeMonth: true,
+ numberOfMonths: 1,
+ onSelect: function( selectedDate ) {
+ var option = this.id == "from" ? "minDate" : "maxDate",
+ instance = $( this ).data( "datepicker" );
+ date = $.datepicker.parseDate(
+ instance.settings.dateFormat ||
+ $.datepicker._defaults.dateFormat,
+ selectedDate, instance.settings );
+ dates.not( this ).datepicker( "option", option, date );
+ },
+ onClose: function(dateText, inst) {
+ validate_date(dateText, inst);
+ },
+ }).on("change", function(e, value) {
+ if ( ! is_valid_date( $(this).val() ) ) {$(this).val("");}
+ });
+});
//]]>
</script>