//Javascript name: My Date Time Picker
//Date created: 16-Nov-2003 23:19
//Scripter: TengYong Ng
//Website: http://www.rainforestnet.com
//Copyright (c) 2003 TengYong Ng
//FileName: DateTimePicker.js
//Version: 0.8
//Contact: contact@rainforestnet.com
// Note: Permission given to use this script in ANY kind of applications if
// header lines are left unchanged.
//Global variables
var winCal;
var dtToday=new Date();
var Cal;
var docCal;
var MonthName=["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var WeekDayName=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
var exDateTime;//Existing Date and Time
this.dateField = '';
this.monthField = '';
this.yearField = '';
//Configurable parameters
var cnTop="200";//top coordinate of calendar window.
var cnLeft="500";//left coordinate of calendar window
var WindowTitle ="Please Select Date";//Date Time Picker title.
var WeekChar=3;//number of character for week day. if 2 then Mo,Tu,We. if 3 then Mon,Tue,Wed.
var CellWidth=20;//Width of day cell.
var DateSeparator="/";//Date Separator, you can change it to "/" if you want.
var TimeMode=24;//default TimeMode value. 12 or 24
var ShowLongMonth = true;//Show long month name in Calendar header. example: "January".
var WeekHeadColor = "#0099CC";//Background Color in Week header.
var SundayColor = "#000066";//Background color of Sunday.
var SaturdayColor = "#000066";//Background color of Saturday.
var WeekDayColor = "000066";//Background color of weekdays.
var FontColor = "FFFFFF";//color of font in Calendar day cell.
var PastColor = "#26365C";//color of past dates
var TodayColor = "#dd0000";//Background color of today.
var FutureColor = "#666666";//background color of future date.
var YrSelColor = "#cc0033";//color of font of Year selector.
//end Configurable parameters
//end Global variable
function NewCal(pCtrl,pFormat,pTimeMode,pdd,pmm,pyyyy,pdd2,pmm2,pyyyy2)
{
this.dateField = pdd;
this.monthField = pmm;
this.yearField = pyyyy;
this.dateField2 = pdd2;
this.monthField2 = pmm2;
this.yearField2 = pyyyy2;
Cal=new Calendar(dtToday);
if (pCtrl!=null)
Cal.Ctrl=pCtrl;
if (pFormat!=null)
Cal.Format=pFormat.toUpperCase();
winCal=window.open("","DateTimePicker","toolbar=0,status=0,menubar=0,fullscreen=no,width=230,height=270,resizable=0,top="+cnTop+",left="+cnLeft);
docCal=winCal.document;
RenderCal();
}
function RenderCal()
{
var vCalHeader;
var vCalData;
var vCalTime;
var i;
var j;
var SelectStr;
var vDayCount=0;
var vFirstDay;
docCal.open();
docCal.writeln(""+WindowTitle+"");
docCal.writeln("");
docCal.writeln("\n\n");
docCal.writeln(" ");
docCal.close();
}
function GenCell(pValue,pHighLight,pColor)//Generate table cell with value
{
var PValue;
var PCellStr;
var vColor;
var vHLstr1;//HighLight string
var vHlstr2;
var vTimeStr;
if (pValue==null)
PValue="";
else
PValue=pValue;
if (pColor!=null)
vColor= pColor;
else
vColor="";
if ((pHighLight!=null)&&(pHighLight))
{vHLstr1="color='red'>";vHLstr2="";}
else
{vHLstr1=">";vHLstr2="";}
var CurrentDate = new Date().getDate();
var CurrentMonth = new Date().getMonth();
var CurrentYear = new Date().getFullYear();
if(PValue == '')
{
PCellStr="
";
}
else
{
//check to see if day being output is past
if(Cal.Year < CurrentYear)
{
PCellStr="
"+PValue+"
";
}
else
{
if(Cal.Year > CurrentYear)
{
var PickedDate = PValue;
var PickedMonth = Cal.Month + 1;
var PickedYear = Cal.Year;
PCellStr="