// months as they appear in the calendar's title var ARR_MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; // week day titles as they appear on the calendar var ARR_WEEKDAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]; // day week starts from (normally 0-Mo or 1-Su) var NUM_WEEKSTART = 1; // path to the directory where calendar images are stored. trailing slash req. var STR_ICONPATH = 'images/'; // if two digit year input dates after this year considered 20 century. var NUM_CENTYEAR = 30; var calendars = []; function calendar1(obj_target) { // assing methods this.gen_date = cal_gen_date1; this.prs_date = cal_prs_date1; this.popup = cal_popup1; // validate input parameters if (!obj_target) return alert("Error calling the calendar: no target control specified"); if (obj_target.value == null) return alert("Error calling the calendar: parameter specified is not valid target control"); this.target = obj_target; // register in global collections this.id = calendars.length; calendars[this.id] = this; } function cal_popup1 (str_datetime) { this.dt_current = this.prs_date(str_datetime ? str_datetime : this.target.value); if (!this.dt_current) return alert("Unknown datetime format: '" + this.target.value + "'."); // if (!this.dt_current) {this.target.value='';this.dt_current=this.prs_date("")} // get same date in the previous year var dt_prev_year = new Date(this.dt_current); dt_prev_year.setFullYear(dt_prev_year.getFullYear() - 1); if (dt_prev_year.getDate() != this.dt_current.getDate()) dt_prev_year.setDate(0); // get same date in the next year var dt_next_year = new Date(this.dt_current); dt_next_year.setFullYear(dt_next_year.getFullYear() + 1); if (dt_next_year.getDate() != this.dt_current.getDate()) dt_next_year.setDate(0); // get same date in the previous month var dt_prev_month = new Date(this.dt_current); dt_prev_month.setMonth(dt_prev_month.getMonth() - 1); if (dt_prev_month.getDate() != this.dt_current.getDate()) dt_prev_month.setDate(0); // get same date in the next month var dt_next_month = new Date(this.dt_current); dt_next_month.setMonth(dt_next_month.getMonth() + 1); if (dt_next_month.getDate() != this.dt_current.getDate()) dt_next_month.setDate(0); // get first day to display in the grid for current month var dt_firstday = new Date(this.dt_current); dt_firstday.setDate(1); dt_firstday.setDate(1 - (7 + dt_firstday.getDay() - NUM_WEEKSTART) % 7); // html generation (feel free to tune it for your particular application) // print calendar header var obj_calwindow = window.open("", "Calendar", "width=210,height=200,resizable=no,top=200,left=200"); obj_calwindow.opener = window; var str_buffer = new String ( ''+ ''+ 'Select Date, Please.'+ ''+ ''+ ''+ ''+ '
'+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''); var dt_current_day = new Date(dt_firstday); //alert(dt_current_day); // print weekdays titles for (var n=0; n<7; n++) str_buffer += ''; str_buffer += ''; // print calendar table var dt_current_day = new Date(dt_firstday); while (dt_current_day.getMonth() == this.dt_current.getMonth() || dt_current_day.getMonth() == dt_firstday.getMonth()) { // print row heder str_buffer += ''; for (var n_current_wday=0; n_current_wday<7; n_current_wday++) { if ((dt_current_day.getDate() == this.dt_current.getDate()) && (dt_current_day.getMonth() == this.dt_current.getMonth())) {// print current date str_buffer += ''; dt_current_day.setDate(dt_current_day.getDate()+1); } // print row footer str_buffer += ''; } // print calendar footer str_buffer += '
previous yearprevious month'+ARR_MONTHS[this.dt_current.getMonth()]+' '+this.dt_current.getFullYear()+'next monthnext year
'+ARR_WEEKDAYS[(NUM_WEEKSTART+n)%7]+'
';} else if (dt_current_day.getDay() == 0 || dt_current_day.getDay() == 6) // weekend days str_buffer += ''; else // print working days of current month str_buffer += ''; if (dt_current_day.getMonth() == this.dt_current.getMonth()) // print days of current month str_buffer += ''; else // print days of other months str_buffer += ''; str_buffer += dt_current_day.getDate()+'
'; obj_calwindow.document.open("text/html"); obj_calwindow.document.write(str_buffer); obj_calwindow.document.close(); obj_calwindow.focus(); } // datetime generating function function cal_gen_date1 (dt_datetime) { return ( new String (dt_datetime.getFullYear() + "/" + (dt_datetime.getMonth() < 9 ? '0' : '') + (dt_datetime.getMonth() + 1) + "/" + (dt_datetime.getDate() < 10 ? '0' : '') + dt_datetime.getDate() ) ); } // datetime parsing function function cal_prs_date1 (str_datetime) { // if no parameter specified return current timestamp if (!str_datetime) return (new Date()); // if positive integer treat as milliseconds from epoch var re_num = /^\d+$/; if (re_num.exec(str_datetime)) return (new Date(str_datetime)); // else treat as date in string format var re_date = /^(\d+)\/(\d+)\/(\d+)/; if (re_date.exec(str_datetime)) { var n_year = Number(RegExp.$1); // alert(n_year); if (n_year < 100) n_year += (n_year < NUM_CENTYEAR ? 2000 : 1900); return (new Date (n_year, RegExp.$2-1, RegExp.$3)); } }