/*
* Script include
*
*
* button include
*
*
*
* Pick Date
*/
var current_date_field = null;
var color_1 = "#000";
var color_2 = "#b90100";
var color_3 = "#b90100"; // current date background
var color_4 = "#c9c9c9"; // weekday and days of other weeks
var color_5 = "#fff";
var color_bg = "710002"
var css_font = "0.55em verdana,arial,helvetica,sans-serif";
var popup_width = 190
var popup_height = 190
function show_calendar(obj_target, str_datetime) {
current_date_field = obj_target;
str_datetime = (str_datetime != ''? str_datetime : current_date_field.value);
var arr_months = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
var week_days = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
var n_weekstart = 1; // day week starts from (normally 0 or 1)
var dt_datetime = (str_datetime == null || str_datetime =="" ? new Date() : str2dt(str_datetime));
var dt_prev_month = new Date(dt_datetime);
dt_prev_month.setMonth(dt_datetime.getMonth()-1);
var dt_next_month = new Date(dt_datetime);
dt_next_month.setMonth(dt_datetime.getMonth()+1);
var dt_firstday = new Date(dt_datetime);
dt_firstday.setDate(1);
dt_firstday.setDate(1-(7+dt_firstday.getDay()-n_weekstart)%7);
var dt_lastday = new Date(dt_next_month);
dt_lastday.setDate(0);
// html generation (feel free to tune it for your particular application)
// print calendar header
var str_buffer = new String (
"Calendar"+
""+
"
";
for (var n_current_wday=0; n_current_wday<7; n_current_wday++) {
// cellcolor
if (dt_current_day.getDate() == dt_datetime.getDate() &&
dt_current_day.getMonth() == dt_datetime.getMonth())
// print current date
str_cell_color = color_3;
else if (dt_current_day.getDay() == 0 || dt_current_day.getDay() == 6)
// weekend days
str_cell_color = color_4;
else
// print working days of current month
str_cell_color = ""+color_5+"";
if (dt_current_day.getDate() == dt_datetime.getDate() &&
dt_current_day.getMonth() == dt_datetime.getMonth())
// print current date
str_text_color = color_5;
else if (dt_current_day.getMonth() == dt_datetime.getMonth())
// print days of current month
str_text_color = "black";
else
// print days of other months
str_text_color = color_4;
// add the cell
str_buffer += "
" +
"" +
"";
var vWinCal = window.open("", "Calendar", "width="+popup_width+",height="+popup_height+",status=no,resizable=no,top=200,left=200");
vWinCal.opener = self;
var calc_doc = vWinCal.document;
calc_doc.open ();
calc_doc.write (str_buffer);
calc_doc.close();
}
// datetime parsing and formatting routimes. modify them if you wish other datetime format
function str2dt (str_datetime) {
var re_date = /^(\d+)\/(\d+)\/(\d+)$/;
if (!re_date.exec(str_datetime))
return alert("Invalid Datetime format: "+ str_datetime);
return (new Date (RegExp.$3, RegExp.$2-1, RegExp.$1));
}
function dt2dtstr (dt_datetime) {
return (new String (
dt_datetime.getDate()+"/"+(dt_datetime.getMonth()+1)+"/"+dt_datetime.getFullYear()));
}
* Pick Date
*/
var current_date_field = null;
var color_1 = "#000";
var color_2 = "#b90100";
var color_3 = "#b90100"; // current date background
var color_4 = "#c9c9c9"; // weekday and days of other weeks
var color_5 = "#fff";
var color_bg = "710002"
var css_font = "0.55em verdana,arial,helvetica,sans-serif";
var popup_width = 190
var popup_height = 190
function show_calendar(obj_target, str_datetime) {
current_date_field = obj_target;
str_datetime = (str_datetime != ''? str_datetime : current_date_field.value);
var arr_months = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
var week_days = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
var n_weekstart = 1; // day week starts from (normally 0 or 1)
var dt_datetime = (str_datetime == null || str_datetime =="" ? new Date() : str2dt(str_datetime));
var dt_prev_month = new Date(dt_datetime);
dt_prev_month.setMonth(dt_datetime.getMonth()-1);
var dt_next_month = new Date(dt_datetime);
dt_next_month.setMonth(dt_datetime.getMonth()+1);
var dt_firstday = new Date(dt_datetime);
dt_firstday.setDate(1);
dt_firstday.setDate(1-(7+dt_firstday.getDay()-n_weekstart)%7);
var dt_lastday = new Date(dt_next_month);
dt_lastday.setDate(0);
// html generation (feel free to tune it for your particular application)
// print calendar header
var str_buffer = new String (
"