datetime picker is not opening

Ads
 

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 is:

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

  //Date Time Picker script- by TengYong Ng of http://www.rainforestnet.com
     //Script featured on JavaScript Kit (http://www.javascriptkit.com)
    //For this script, visit http://www.javascriptkit.com 

  </script>

javaservlet.java package com.dept;

   import java.io.IOException;
   import java.io.PrintWriter;
    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();
            try
    {
            out.println("<html>");
            out.println("<head>");
                            out.println("</head>");
            out.println("<body>");
                            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)
    {
        out.println("Exception:"+e);
    }
         }
    }

datetimepicker.js //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: [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();

exDateTime=document.getElementById(pCtrl).value;
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
    Sp1=exDateTime.indexOf(DateSeparator,0);
    Sp2=exDateTime.indexOf(DateSeparator,(parseInt(Sp1)+1));

    if ((Cal.Format.toUpperCase()=="DDMMYYYY") || (Cal.Format.toUpperCase()=="DDMMMYYYY"))
    {
        strMonth=exDateTime.substring(Sp1+1,Sp2);
        strDate=exDateTime.substring(0,Sp1);
    }
    else if ((Cal.Format.toUpperCase()=="MMDDYYYY") || (Cal.Format.toUpperCase()=="MMMDDYYYY"))
    {
        strMonth=exDateTime.substring(0,Sp1);
        strDate=exDateTime.substring(Sp1+1,Sp2);
    }
    if (isNaN(strMonth))
        intMonth=Cal.GetMonthIndex(strMonth);
    else
        intMonth=parseInt(strMonth,10)-1;   
    if ((parseInt(intMonth,10)>=0) && (parseInt(intMonth,10)<12))
        Cal.Month=intMonth;
    //end parse month
    //parse Date
    if ((parseInt(strDate,10)<=Cal.GetMonDays()) && (parseInt(strDate,10)>=1))
        Cal.Date=strDate;
    //end parse Date
    //parse year
    strYear=exDateTime.substring(Sp2+1,Sp2+5);
    YearPattern=/^\d{4}$/;
    if (YearPattern.test(strYear))
        Cal.Year=parseInt(strYear,10);
    //end parse year
    //parse time

}
winCal=window.open("","DateTimePicker","toolbar=0,status=0,menubar=0,fullscreen=no,width=195,height=245,resizable=0,top="+cnTop+",left="+cnLeft);
docCal=winCal.document;
RenderCal();

}

function RenderCal() { var vCalHeader; var vCalData; var i; var j; var SelectStr; var vDayCount=0; var vFirstDay;

docCal.open();
docCal.writeln("<html><head><title>"+WindowTitle+"</title>");
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)
        SelectStr="Selected";
    else
        SelectStr="";   
    vCalHeader+="<option "+SelectStr+" value >"+MonthName[i]+"\n";
}
vCalHeader+="</select></td>";
//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";   
vCalHeader+="</tr>";
//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>";
}
vCalHeader+="</tr>";    
docCal.write(vCalHeader);

//Calendar detail
CalDate=new Date(Cal.Year,Cal.Month);
CalDate.setDate(1);
vFirstDay=CalDate.getDay();
vCalData="<tr>";
for (i=0;i<vFirstDay;i++)
{
    vCalData=vCalData+GenCell();
    vDayCount=vDayCount+1;
}
for (j=1;j<=Cal.GetMonDays();j++)
{
    var strCell;
    vDayCount=vDayCount+1;
    if ((j==dtToday.getDate())&&(Cal.Month==dtToday.getMonth())&&(Cal.Year==dtToday.getFullYear()))
        strCell=GenCell(j,true,TodayColor);//Highlight today's date
    else
    {
        if (j==Cal.Date)
        {
            strCell=GenCell(j,true,SelDateColor);
        }
        else
        {    
            if (vDayCount%7==0)
                strCell=GenCell(j,false,SaturdayColor);
            else if ((vDayCount+6)%7==0)
                strCell=GenCell(j,false,SundayColor);
            else
                strCell=GenCell(j,null,WeekDayColor);
        }       
    }                       
    vCalData=vCalData+strCell;

    if((vDayCount%7==0)&&(j<Cal.GetMonDays()))
    {
        vCalData=vCalData+"</tr>\n<tr>";
    }
}
docCal.writeln(vCalData);   
//Time picker

//end time picker
docCal.writeln("\n</table>");
docCal.writeln("</form></body></html>");
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="bgcolor=\""+pColor+"\"";
else
    vColor="";  
if ((pHighLight!=null)&&(pHighLight))
    {vHLstr1="color='red'><b>";vHLstr2="</b>";}
else
    {vHLstr1=">";vHLstr2="";}   

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)
    this.Minutes="0"+pDate.getMinutes();
else
    this.Minutes=pDate.getMinutes();

if (pDate.getSeconds()<10)
    this.Seconds="0"+pDate.getSeconds();
else        
    this.Seconds=pDate.getSeconds();

this.MyWindow=winCal;
this.Ctrl=pCtrl;
this.Format="ddMMyyyy";
this.Separator=DateSeparator;

}

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

Ads









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
Advertisements
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
ModuleNotFoundError: No module named 'picker'
ModuleNotFoundError: No module named 'picker'  Hi, My Python... 'picker' How to remove the ModuleNotFoundError: No module named 'picker'... to install padas library. You can install picker python with following command
ModuleNotFoundError: No module named 'opening_hours'
ModuleNotFoundError: No module named 'opening_hours'  Hi, My... 'opening_hours' How to remove the ModuleNotFoundError: No module named 'opening_hours' error? Thanks   Hi, In your python
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
ModuleNotFoundError: No module named 'DateTime'
ModuleNotFoundError: No module named 'DateTime'  Hi, My Python... 'DateTime' How to remove the ModuleNotFoundError: No module named 'DateTime... to install padas library. You can install DateTime python with following
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
"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
Version of taglibs>datetime dependency
List of Version of taglibs>datetime dependency
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
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
ModuleNotFoundError: No module named 'osm-humanized-opening-hours'
ModuleNotFoundError: No module named 'osm-humanized-opening-hours'  ...: No module named 'osm-humanized-opening-hours' How to remove the ModuleNotFoundError: No module named 'osm-humanized-opening-hours' error? Thanks
ModuleNotFoundError: No module named 'osm_opening_hours'
ModuleNotFoundError: No module named 'osm_opening_hours'  Hi, My... named 'osm_opening_hours' How to remove the ModuleNotFoundError: No module named 'osm_opening_hours' error? Thanks   Hi, In your
ModuleNotFoundError: No module named 'bovine-picker'
ModuleNotFoundError: No module named 'bovine-picker'  Hi, My... 'bovine-picker' How to remove the ModuleNotFoundError: No module named 'bovine-picker' error? Thanks   Hi, In your python
ModuleNotFoundError: No module named 'cherry-picker'
ModuleNotFoundError: No module named 'cherry-picker'  Hi, My... 'cherry-picker' How to remove the ModuleNotFoundError: No module named 'cherry-picker' error? Thanks   Hi, In your python
ModuleNotFoundError: No module named 'dac-picker'
ModuleNotFoundError: No module named 'dac-picker'  Hi, My Python... 'dac-picker' How to remove the ModuleNotFoundError: No module named 'dac-picker' error? Thanks   Hi, In your python environment you
ModuleNotFoundError: No module named 'dac-picker'
ModuleNotFoundError: No module named 'dac-picker'  Hi, My Python... 'dac-picker' How to remove the ModuleNotFoundError: No module named 'dac-picker' error? Thanks   Hi, In your python environment you
ModuleNotFoundError: No module named 'dac-picker'
ModuleNotFoundError: No module named 'dac-picker'  Hi, My Python... 'dac-picker' How to remove the ModuleNotFoundError: No module named 'dac-picker' error? Thanks   Hi, In your python environment you
ModuleNotFoundError: No module named 'django-picker'
ModuleNotFoundError: No module named 'django-picker'  Hi, My... 'django-picker' How to remove the ModuleNotFoundError: No module named 'django-picker' error? Thanks   Hi, In your python
ModuleNotFoundError: No module named 'input_picker'
ModuleNotFoundError: No module named 'input_picker'  Hi, My Python... 'input_picker' How to remove the ModuleNotFoundError: No module named 'input_picker' error? Thanks   Hi, In your python
ModuleNotFoundError: No module named 'model-picker'
ModuleNotFoundError: No module named 'model-picker'  Hi, My Python... 'model-picker' How to remove the ModuleNotFoundError: No module named 'model-picker' error? Thanks   Hi, In your python
ModuleNotFoundError: No module named 'model-picker'
ModuleNotFoundError: No module named 'model-picker'  Hi, My Python... 'model-picker' How to remove the ModuleNotFoundError: No module named 'model-picker' error? Thanks   Hi, In your python
ModuleNotFoundError: No module named 'nose-picker'
ModuleNotFoundError: No module named 'nose-picker'  Hi, My Python... 'nose-picker' How to remove the ModuleNotFoundError: No module named 'nose-picker' error? Thanks   Hi, In your python environment
ModuleNotFoundError: No module named 'bovine-picker'
ModuleNotFoundError: No module named 'bovine-picker'  Hi, My... 'bovine-picker' How to remove the ModuleNotFoundError: No module named 'bovine-picker' error? Thanks   Hi, In your python
ModuleNotFoundError: No module named 'dac-picker'
ModuleNotFoundError: No module named 'dac-picker'  Hi, My Python... 'dac-picker' How to remove the ModuleNotFoundError: No module named 'dac-picker' error? Thanks   Hi, In your python environment you
ModuleNotFoundError: No module named 'dac-picker'
ModuleNotFoundError: No module named 'dac-picker'  Hi, My Python... 'dac-picker' How to remove the ModuleNotFoundError: No module named 'dac-picker' error? Thanks   Hi, In your python environment you
ModuleNotFoundError: No module named 'photos-picker'
ModuleNotFoundError: No module named 'photos-picker'  Hi, My... 'photos-picker' How to remove the ModuleNotFoundError: No module named 'photos-picker' error? Thanks   Hi, In your python

Ads