Date Time Picker

Page

Javascript

function show_calendar(dt_target, str_date, time_target, str_time) {

    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_date == null || str_date =="" ?  new Date() : str2dt(str_date+' '+str_time));

    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);

   

    // print calendar header

    var str_buffer = new String (

        "\n"+

        "\n"+

        "    \n"+

        "\n"+

        "\n"+

        "\n"+

        "\n\n
\n"+

        "\n"+

        "\n    \n"+

        "    \n"+

        "    \n\n"

    );


    var dt_current_day = new Date(dt_firstday);

    // print weekdays titles

    str_buffer += "\n";

    for (var n=0; n<7; n++)

        str_buffer += "    \n";

    // print calendar table

    str_buffer += "\n";

    while (dt_current_day.getMonth() == dt_datetime.getMonth() ||

        dt_current_day.getMonth() == dt_firstday.getMonth()) {

        // print row heder

        str_buffer += "\n";

        for (var n_current_wday=0; n_current_wday<7; n_current_wday++) {

                if (dt_current_day.getDate() == dt_datetime.getDate() &&

                    dt_current_day.getMonth() == dt_datetime.getMonth())

                    // print current date

                    str_buffer += "    \n";

                dt_current_day.setDate(dt_current_day.getDate()+1);

        }

        // print row footer

        str_buffer += "\n";

    }

    // print calendar footer

    str_buffer +=

        "\n\n\n" +

        "
        dt_target+"', '"+ dt2dtstr(dt_prev_month)+"','"+time_target+"',document.cal.time.value);\">"+

        "        " alt=\"previous month\" />
"+

        ""

        +arr_months[dt_datetime.getMonth()]+" "+dt_datetime.getFullYear()+"
        +dt_target+"', '"+dt2dtstr(dt_next_month)+"','"+time_target+"',document.cal.time.value);\">"+

        "        " alt=\"next month\" />
"+

        ""+

        week_days[(n_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.getDay() != 0 && dt_current_day.getDay() != 6){

                    str_buffer += "                    ".value='"+dt2dtstr(dt_current_day)+"';window.opener."+time_target+

                    ".value=document.cal.time.value; window.close();\">";

                }

                else{

                    str_buffer += "";

                }

                   

                str_buffer += dt_current_day.getDate()+"
"+

        ""+

        "Time:         "\" size=\"8\" maxlength=\"8\">
\n" +

        "
\n" +

        "\n" +

        "\n";



    var vWinCal = window.open("","Calendar","width=200,height=250,status=no,resizable=yes,top=200,left=200");

    vWinCal.opener = self;

    var calc_doc = vWinCal.document;

    calc_doc.write (str_buffer);

    calc_doc.close();

}

// datetime parsing and formatting routimes. modify them if you wish other datetime format

function str2dt (str_date) {

    var re_date = /^(\d+)\/(\d+)\/(\d+)\s+(\d+)\:(\d+)\:(\d+)$/;

    if (!re_date.exec(str_date))

    return alert("Invalid Datetime format: "+ str_date);

       

    return (new Date (RegExp.$3, RegExp.$1-1, RegExp.$2, RegExp.$4, RegExp.$5, RegExp.$6));

}

function dt2dtstr (dt_datetime) {

    return (new String((dt_datetime.getMonth()+1)+"/"+dt_datetime.getDate()+"/"+dt_datetime.getFullYear()));

}

function dt2tmstr (dt_datetime) {

    return (new String (dt_datetime.getHours()+":"+dt_datetime.getMinutes()+":"+dt_datetime.getSeconds()));

}