datetime picker is not opening


datetime picker is not opening

datetime picker is not opening
0 Answer(s)      5 years and 5 months ago
Posted in : HTML

Hi I have a java servlet code in this date time picker is not opening. The same opens in JSP code. My code is:

  <script language="javascript" type="text/javascript" src="datetimepicker.js">

  //Date Time Picker script- by TengYong Ng of
     //Script featured on JavaScript Kit (
    //For this script, visit 

  </script> package com.dept;

    public class javaservlet extends HttpServlet {
private static final long serialVersionUID = 1L;

     public javaservlet() {
    super();    }

 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  }

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    PrintWriter out=response.getWriter();
                            out.println("<input type='text' name='doj' id='demo1'><a href='javascript:NewCal('demo1','ddmmyyyy')'><img src='cal.gif' width='16' height='16' border='0' alt='Pick a date'></a>pick a date... ");
             catch(Exception e)

datetimepicker.js //Javascript name: My Date Time Picker //Date created: 16-Nov-2003 23:19 //Scripter: TengYong Ng //Website: //Copyright (c) 2003 TengYong Ng //FileName: DateTimePicker.js //Version: 0.8 //Contact: [email protected] // 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

//Configurable parameters var cnTop="200";//top coordinate of calendar window. var cnLeft="500";//left coordinate of calendar window var WindowTitle ="DateTime Picker";//Date Time Picker title. var WeekChar=2;//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 ShowMonthYear=true;//Show Month and Year in Calendar header. var MonthYearColor="#cc0033";//Font Color of Month and Year in Calendar header. var WeekHeadColor="#0099CC";//Background Color in Week header. var SundayColor="#6699FF";//Background color of Sunday. var SaturdayColor="#CCCCFF";//Background color of Saturday. var WeekDayColor="white";//Background color of weekdays. var FontColor="blue";//color of font in Calendar day cell. var TodayColor="#FFFF33";//Background color of today. var SelDateColor="#FFFF99";//Backgrond color of selected date in textbox. var YrSelColor="#cc0033";//color of font of Year selector. var ThemeBg="";//Background image of Calendar window. //end Configurable parameters //end Global variable

function NewCal(pCtrl,pFormat,pShowTime,pTimeMode) { Cal=new Calendar(dtToday); if (pCtrl!=null) Cal.Ctrl=pCtrl; if (pFormat!=null) Cal.Format=pFormat.toUpperCase();

if (exDateTime!="")//Parse Date String
    var Sp1;//Index of Date Separator 1
    var Sp2;//Index of Date Separator 2 
    var tSp1;//Index of Time Separator 1
    var tSp1;//Index of Time Separator 2
    var strMonth;
    var strDate;
    var strYear;
    var intMonth;
    var YearPattern;
    //parse month

    if ((Cal.Format.toUpperCase()=="DDMMYYYY") || (Cal.Format.toUpperCase()=="DDMMMYYYY"))
    else if ((Cal.Format.toUpperCase()=="MMDDYYYY") || (Cal.Format.toUpperCase()=="MMMDDYYYY"))
    if (isNaN(strMonth))
    if ((parseInt(intMonth,10)>=0) && (parseInt(intMonth,10)<12))
    //end parse month
    //parse Date
    if ((parseInt(strDate,10)<=Cal.GetMonDays()) && (parseInt(strDate,10)>=1))
    //end parse Date
    //parse year
    if (YearPattern.test(strYear))
    //end parse year
    //parse time



function RenderCal() { var vCalHeader; var vCalData; var i; var j; var SelectStr; var vDayCount=0; var vFirstDay;;
docCal.writeln("<script>var winMain=window.opener;</script>");
docCal.writeln("</head><body background='"+ThemeBg+"' link="+FontColor+" vlink="+FontColor+"><form name='Calendar'>");

vCalHeader="<table border=1 cellpadding=1 cellspacing=1 width='100%' align=\"center\" valign=\"top\">\n";
//Month Selector
vCalHeader+="<tr>\n<td colspan='7'><table border=0 width='100%' cellpadding=0 cellspacing=0><tr><td align='left'>\n";
vCalHeader+="<select name=\"MonthSelector\" onChange=\"javascript:winMain.Cal.SwitchMth(this.selectedIndex);winMain.RenderCal();\">\n";
for (i=0;i<12;i++)
    if (i==Cal.Month)
    vCalHeader+="<option "+SelectStr+" value >"+MonthName[i]+"\n";
//Year selector
vCalHeader+="\n<td align='right'><a href=\"javascript:winMain.Cal.DecYear();winMain.RenderCal()\"><b><font color=\""+YrSelColor+"\"><</font></b></a><font face=\"Verdana\" color=\""+YrSelColor+"\" size=2><b> "+Cal.Year+" </b></font><a href=\"javascript:winMain.Cal.IncYear();winMain.RenderCal()\"><b><font color=\""+YrSelColor+"\">></font></b></a></td></tr></table></td>\n";   
//Calendar header shows Month and Year
if (ShowMonthYear)
    vCalHeader+="<tr><td colspan='7'><font face='Verdana' size='2' align='center' color='"+MonthYearColor+"'><b>"+Cal.GetMonthName(ShowLongMonth)+" "+Cal.Year+"</b></font></td></tr>\n";
//Week day header
vCalHeader+="<tr bgcolor="+WeekHeadColor+">";
for (i=0;i<7;i++)
    vCalHeader+="<td align='center'><font face='Verdana' size='2'>"+WeekDayName[i].substr(0,WeekChar)+"</font></td>";

//Calendar detail
CalDate=new Date(Cal.Year,Cal.Month);
for (i=0;i<vFirstDay;i++)
for (j=1;j<=Cal.GetMonDays();j++)
    var strCell;
    if ((j==dtToday.getDate())&&(Cal.Month==dtToday.getMonth())&&(Cal.Year==dtToday.getFullYear()))
        strCell=GenCell(j,true,TodayColor);//Highlight today's date
        if (j==Cal.Date)
            if (vDayCount%7==0)
            else if ((vDayCount+6)%7==0)

//Time picker

//end time picker


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)

if (pColor!=null)
if ((pHighLight!=null)&&(pHighLight))

PCellStr="<td "+vColor+" width="+CellWidth+" align='center'><font face='verdana' size='2'"+vHLstr1+"<a href=\"javascript:winMain.document.getElementById('"+Cal.Ctrl+"').value='"+Cal.FormatDate(PValue)+"';"+vTimeStr+";window.close();\">"+PValue+"</a>"+vHLstr2+"</font></td>";
return PCellStr;


function Calendar(pDate,pCtrl) { //Properties this.Date=pDate.getDate();//selected date this.Month=pDate.getMonth();//selected month number this.Year=pDate.getFullYear();//selected year in 4 digits

if (pDate.getMinutes()<10)

if (pDate.getSeconds()<10)



function GetMonthIndex(shortMonthName) { for (i=0;i<12;i++) { if (MonthName[i].substring(0,3).toUpperCase()==shortMonthName.toUpperCase()) { return i;} } } Calendar.prototype.GetMonthIndex=GetMonthIndex;

function IncYear() { Cal.Year++;} Calendar.prototype.IncYear=IncYear;

function DecYear() { Cal.Year--;} Calendar.prototype.DecYear=DecYear;

function SwitchMth(intMth) { Cal.Month=intMth;} Calendar.prototype.SwitchMth=SwitchMth;

function GetMonthName(IsLong) { var Month=MonthName[this.Month]; if (IsLong) return Month; else return Month.substr(0,3); } Calendar.prototype.GetMonthName=GetMonthName;

function GetMonDays()//Get number of days in a month { var DaysInMonth=[31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; if (this.IsLeapYear()) { DaysInMonth[1]=29; }
return DaysInMonth[this.Month]; } Calendar.prototype.GetMonDays=GetMonDays;

function IsLeapYear() { if ((this.Year%4)==0) { if ((this.Year%100==0) && (this.Year%400)!=0) { return false; } else { return true; } } else { return false; } } Calendar.prototype.IsLeapYear=IsLeapYear;

function FormatDate(pDate) { if (this.Format.toUpperCase()=="DDMMYYYY") return (pDate+DateSeparator+(this.Month+1)+DateSeparator+this.Year); else if (this.Format.toUpperCase()=="DDMMMYYYY") return (pDate+DateSeparator+this.GetMonthName(false)+DateSeparator+this.Year); else if (this.Format.toUpperCase()=="MMDDYYYY") return ((this.Month+1)+DateSeparator+pDate+DateSeparator+this.Year); else if (this.Format.toUpperCase()=="MMMDDYYYY") return (this.GetMonthName(false)+DateSeparator+pDate+DateSeparator+this.Year);
} Calendar.prototype.FormatDate=FormatDate;

View Answers

Related Tutorials/Questions & Answers:
datetime picker is not opening
datetime picker is not opening  Hi I have a java servlet code in this date time picker is not opening. The same opens in JSP code. My code... WindowTitle ="DateTime Picker";//Date Time Picker title. var WeekChar=2;//number
datetime picker in struts2
datetime picker in struts2  i used datetimepicker and i created getters and setters with retutn type string when im reading date value which i entered through getter im getter date as well as time i want date only how can i get
struts2 datetime picker
struts2 datetime picker  i created a field with sx:datetimepicker with the name fromdate. and i wrote getters and setters for fromdate with datatype string. when im reading data im getting date+time but i want only date can u
Opening Notepad
Opening Notepad  Sir/madam I want to open notepad from java applications and save the contents on it. Can someone please help me to do this. With Regards Vaishnavi Vishwanath   To open the notepad, just go through
Date Picker
Date Picker   Hi Java Developers ! I came across the coding for date picker in this site which was almost similar to the coding done by our team... in the calendar( by using date picker ) it needs to get updated/highlighted
Version of taglibs>datetime dependency
List of Version of taglibs>datetime dependency
Version of taglibs>datetime-doc dependency
List of Version of taglibs>datetime-doc dependency
Version of taglibs>datetime-examples dependency
List of Version of taglibs>datetime-examples dependency
Version of com.cogpp>datetime-generator_2.11 dependency
List of Version of com.cogpp>datetime-generator_2.11 dependency
DateTime::getOffset  in PHP This DateTime::getOffset functions returns... int DateTime::getOffset ( void ) int date_offset_get ( DateTime $object...: A DateTime object returned by date_create() Example: of PHP Date Time
SQL Between Datetime
SQL Between Datetime       The Tutorial illustrate an example from SQL Between Date time..._Table (Stu_Id varchar(2), Stu_Name varchar(15), Stu_Dob datetime); Insert Data
DateTime in to database - Development process
DateTime in to database  Hi, can u give me jsp code for inserting Date and Time in ti database. Not seperately. Thanks Prakash   Hi Friend, To insert the date,use the following
date time picker
date time picker  I have enetered a date time picker in my jsp file. there is text field before the date time picker. What should i do so... the date time picker gets opened
Date picker in Java Swing
Date picker in Java Swing  Hello Sir, Sir ,I am in need of Time Picker just like the Date picker available in java Swing. Kindly... tutorial to make Date picker in swing .   Please visit the following
date picker - Java Beginners
date picker  sir i need code for date picker in java swing because for Embedding in my project plz sir
Maven Dependency datetime >> 1.0.1
You should include the dependency code given in this page to add Maven Dependency of taglibs >> datetime version1.0.1 in your project
date picker componnt - Java Beginners
date picker componnt  sir i need code for date picker in java swing for my project sir please send me sir
Version of com.anton46>collection-picker dependency
List of Version of com.anton46>collection-picker dependency
"opening video data error" in j2me
"opening video data error" in j2me  Any one know about the error c When i am trying to play video on spice device its throw an exception, but the same code work on other devices very well please tell me the issue behind
Opening files with .jnlp extension on browser!?!?!
Opening files with .jnlp extension on browser!?!?!  I working on UEngine, where to switch into the design phase it creates a PorcessDesigner.jnlp file which gets downloaded on client's side on runtime. I searched into the code
Maven Dependency datetime-doc >> 1.0.1
You should include the dependency code given in this page to add Maven Dependency of taglibs >> datetime-doc version1.0.1 in your project
Maven Dependency datetime-examples >> 1.0.1
You should include the dependency code given in this page to add Maven Dependency of taglibs >> datetime-examples version1.0.1 in your project
Maven Dependency datetime-generator_2.11 >> 0.1
You should include the dependency code given in this page to add Maven Dependency of com.cogpp >> datetime-generator_2.11 version0.1 in your project
Maven Dependency datetime-generator_2.11 >> 0.1-SNAPASHOT
You should include the dependency code given in this page to add Maven Dependency of com.cogpp >> datetime-generator_2.11 version0.1-SNAPASHOT in your project
Opening a URL from an Applet
Opening a URL from an Applet       Introduction This is the example of opening a url in same... used for opening url from an applet. This program is using two functions in which
Version of com.helger>ph-datetime-parent-pom dependency
List of Version of com.helger>ph-datetime-parent-pom dependency
How to use Date Picker iPhone
How to use Date Picker iPhone  Hi, I am beginner in mobile Application platform. I want to develop a small application in iphone platform to Show current date and display alert view message. So, how to define the date picker
opening new window - Java Beginners
opening new window  Hi All, I have two classes with me , lets say A and B.when I press a button in class A , the class B should open in a new window.i.e., I want to know, how a new window(B) can be opened by clicking a button
get date picker values to a textbox
get date picker values to a textbox  I am using DatePicker to select date in a form in using c#. I need the picked data to get in to a textbox. Please help me soon
Dyanmically Adding Rows with Date Picker
Dyanmically Adding Rows with Date Picker  Hi Sir, I am doing a project in that i need to add rows dynamically with date picker inside row, send me code as soon as possible. Regards, Santhosh
Version of com.nbsp>material-file-picker dependency
List of Version of com.nbsp>material-file-picker dependency