Latest Tutorials| Questions and Answers|Ask Questions?|Site Map



Home Answers Viewqa HTML datetime picker is not opening

Have Programming Question? Ask it here!
 
 
 


Sujitha
datetime picker is not opening
0 Answer(s)      a year 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:

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

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


Advertisement
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
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
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::getOffset
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
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
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
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 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
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
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 asp.net using c#. I need the picked data to get in to a textbox. Please help me soon
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
javascript date picker - Date Calendar
javascript date picker  how to insert a date picker user control in a html/jsp using javascript??? please help, it's urgent.  Hi Friend, Please visit the following links: http://www.roseindia.net/javascript
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
Time Picker in struts 2 - Struts
Time Picker in struts 2  How to create Time Picker in Struts 2 ? ...;head> <title>Struts 2 Time Picker Example!</title>... to get the solutions of your time picker problem in struts 2.RegardsVinod
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
How to make Time picker in Java Swing
How to make Time picker in Java Swing  Hello Sir, Thank u so much for such a quick reply . I followed date picker tutorial and completed. but sir i want time picker just like date picker in which we can select hours
How to make Time picker in Java Swing
How to make Time picker in Java Swing  Hello Sir, Thank u so much for such a quick reply . I followed date picker tutorial and completed. but sir i want time picker just like date picker in which we can select hours
want a program for date picker by using java swings
want a program for date picker by using java swings  to write a program for the date picker by using java swings.any one please help me by providing the code to this java date picker by using the java swings.previously a program
comparision between database's datetime field and systemdate of java application - Java Beginners
comparision between database's datetime field and systemdate of java application  Hi All, I have a database table which contains datetime... finding the date difference between database's datetime field and systemdate
How to Create Custom Picker View in iPhone
How to Create Custom Picker View in iPhone  Hi, How to create custom picker view application using iphone. Can anybody tips or online help guide about this topic. Thanks
Date limit on Dojo Date picker - Date Calendar
picker in my project. When user click on date text box, date picker will pop up... want to Date limit for date picker i.e. If i given date limit from 31/03/2008... this validation by getting value from date picker text box or server side also, but I
how to get time picker value in javascript of struts2
how to get time picker value in javascript of struts2  I am not able to get value of time picker in java script . my code is jsp java script var totime=dojo.widget.byId("totime").getValue(); how to get value please help me
Error Opening File - Java Interview Questions
Error Opening File  Dear, Please if help me to resolve this problem. I have an application in java that works correctly under Eclipse... this generated file, a message was displayed: Error opening file. But If I
opening node in treeview struts layout - Struts
opening node in treeview struts layout  Example of opening node in treeview struts layoutopening node in treeview struts layout Hello every one, i am new to this group , i am having the same problem , Struts Layout tree view
iPhone Date Picker
iPhone Date Picker In this tutorial will learn how to use iPhone Date Picker... to show the date which you select on the iPhone date picker with time. The Date Picker in iPhone can be selected from the Library and add it to the view
Data Time Picker is not taking as requried field - Struts
Data Time Picker is not taking as requried field   when it going to action what is default value?  Hi Friend, Please visit the following link: http://www.roseindia.net/struts/struts2/date/struts-2-datetimepicker
JavaScript calendar date picker
{ } /* the table (within the div) that holds the date picker calendar */ .dpTable { font... picker We are going to discus about JavaScript calendar date picker. We have used basic JavaScript date picker functionality. We use drop-down calendar
Color Picker in Flex
Adobe Flex Color Picker: A color picker helps users to select a color of their own choice. A color picker is a component which displays a set of color... is generally called web-safe colors (216 colors). Adobe Flex Color Picker
opening internet browser in java program - Swing AWT
opening internet browser in java program  i want a code to open the internet browser in swing program using JFrame.  Hi Omkar, Use...) { JOptionPane.showMessageDialog(null, "Error in opening browser" + ":\n" + e.getLocalizedMessage
Opening a browser only with body from a java program
Opening a browser only with body from a java program  Hi all, I got following requirement, Opening a browser window only with body and title bar. And based on some condition, after some time, i have to close the browser window
opening new browser with new JSESSIONID using java
opening new browser with new JSESSIONID using java  I am facing following problem, I am trying to open a new browser using java. First i have opened one IE browser and manually. And i ran my LaunchURL.java file, it is opening new
jquery color picker plugin
Color picker jQuery plug-in In this section, you will learn how to implement color picker in your web page using jQuery plug-in. In the given below example, color picker is implemented in web page in four different types. First ,flat
Exception when opening a excel file in JFrame
Exception when opening a excel file in JFrame  Hello, I have a problem when trying to display a Excel file in a Jframe. The exception is like this: com.jniwrapper.LibraryNotFoundException. here is my code public jexcelTest1
iPhone Picker Object On Toolbar Button
iPhone Picker Object On Toolbar Button In this tutorial will learn how to use Picker view, also the Toolbar and on that will place Toolbar button and the selected object in Picker view can be seen on Tool bar button. Here Picker view
Help with opening a text file upon closing a program.
Help with opening a text file upon closing a program.  I need some helping in figuring out something I want to do. I have this program that is a swimming pool volume calculator. It stored that data on a output.txt file but I want
iPhone Double Component In Picker
iPhone Double Component In Picker In this tutorial will learn how to use iphone Picker View and how to insert two different objects in different components by using two different array variables. After adding objects to the Picker view
How Insert DateTime Vales into Mysql Databse from the front end application.But User Gives Date only from Datepicker,not Time
How Insert DateTime Vales into Mysql Databse from the front end application.But... in .net,I Have requirement..like this ,when user pick date from date picker... and time is into Column exist with name "EnterdDate" data type is "DATETIME
How Insert DateTime Vales into Mysql Databse from the front end application.But User Gives Date only from Datepicker,not Time
How Insert DateTime Vales into Mysql Databse from the front end application.But... in .net,I Have requirement..like this ,when user pick date from date picker... and time is into Column exist with name "EnterdDate" data type is "DATETIME
Java - Opening a URL from an Applet
Java - Opening a URL from an Applet       This is the example of opening a url in same... used for opening url from an applet. This program is using two functions
Set Date limit for dojo date picker dynamically - Date Calendar
Set Date limit for dojo date picker dynamically  Hi all, I am using Dojo's date picker in my project. I am trying to set min & max value for disable dates from date picker. There are two fields which are using this date
cannot find java.exe error while opening netbean5.5 - IDE Questions
cannot find java.exe error while opening netbean5.5  HI, 1)i am working netbean5.5 tool.I got the error of cannot find c:\programfiles\java\jdk1.6.0_02. (while opening netbean5.5 shortcut in desktop) . my system jdk path
Opening IE from Java Swing Application in Kiosk mode
Opening IE from Java Swing Application in Kiosk mode  Hi All, I want... window is opening. But I want to open the IE window in Kiosk mode or without address... & Regards, Abhijith   Here is a simple example of opening IE
Advertisements
 

 

 

DMCA.com