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 that whenever i click on that text field I am not able to eneter anythng and automatically the date time picker gets opened??

View Answers

June 1, 2011 at 11:29 AM

1)datepicker.html:

<html>
<script type="text/javascript">
function SelectDate(){
    D = document.getElementById('Date').value;
    if(D){
        D = D.split('/');
    }else{
        Dat = new Date();
        D = new Array(Dat.getDay(), Dat.getMonth(), Dat.getFullYear());
    }
    win = window.open("pickmonth.html","win","status=no,scrollbars=no,toolbar=no,menubar=no,height=190,width=160");
    win.MakeDate(D[2], D[1], D[0]);
}
function SetDate(Day, Month, Year){
    document.getElementById('Date').value = Day + '/' + Month + '/' + Year;
}
</script>
<body>
<form name="DateTest">
<input type="text" name="Date" id="Date" readonly><input type="button" onClick="SelectDate()" value="Select"><br>
</form>
</body>
</html>

June 1, 2011 at 11:29 AM

continue..

2)pickmonth.html:

<html>
<head>
<title>Date Picker</title>
<script type="text/javascript">
ReturnFunc = '';
function Calendar(iYear, iMonth, iDay, ContainerId, ClassName){
    MonthNames = new Array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec');
    oDate = new Date();
    Year = (iYear == null) ? oDate.getFullYear() : iYear;
    Month = (iMonth == null) ? oDate.getMonth() : iMonth - 1;
    while(Month < 0){Month += 12;Year--}
    while(Month >= 12){Month -= 12;Year++}
    Day = (iDay == null) ? 0 : iDay;
    oDate = new Date(Year, Month, 1);
    NextMonth = new Date(Year, Month + 1, 1);
    WeekStart = oDate.getDay();
    MonthDays = Math.round((NextMonth.getTime() - oDate.getTime()) / 86400000) + 1;
    if(ContainerId != null){
        ContainerId = ContainerId;
        Container = document.getElementById(ContainerId);
        if(!Container)
            document.write('<div id="' + ContainerId + '">&nbsp;</div>');
    }
    else{
        do{
            ContainerId = 'tblCalendar' + Math.round(Math.random() * 1000);
        }
        while(document.getElementById(ContainerId));
        document.write('<div id="' + ContainerId + '">&nbsp;</div>');
    }
    Container = document.getElementById(ContainerId);
    ClassName = (ClassName == null) ? 'tblCalendar' : ClassName;
    HTML = '<table border=1>';
    HTML += '<tr bgcolor="red"><td ></td><td colspan="5" class="Title">' + MonthNames[Month] + ' ' + Year + '</td><td ></td></tr>';
    HTML += '<tr ><td>S</td><td>M</td><td>T</td><td>W</td><td>T</td><td>F</td><td>S</td></tr>';
    HTML += '<tr>';
    for(DayCounter = 0; DayCounter < WeekStart; DayCounter++){
        HTML += '<td>&nbsp;</td>';
    }
    for(DayCounter = 1; DayCounter < MonthDays; DayCounter++){
        if((DayCounter + WeekStart) % 7 == 1) HTML += '<tr class="Days">';
        if(DayCounter == Day)
            HTML += '<td ><a href="javascript:ReturnDate(' + DayCounter + ')">' + DayCounter + '</a></td>';
        else HTML += '<td><a href="javascript:ReturnDate(' + DayCounter + ')">' + DayCounter + '</a></td>';
        if((DayCounter + WeekStart) % 7 == 0) HTML += '</tr>';
    }
    for(j = (42 - (MonthDays + WeekStart)), DayCounter = 0; DayCounter <= j; DayCounter++){
        HTML += '<td>&nbsp;</td>';
        if((j - DayCounter) % 7 == 0) HTML += '</tr>';
    }
    HTML += '</table>';
    Container.innerHTML = HTML;
    return ContainerId;
}
function ReturnDate(Day){
    opener.SetDate(Day, Month+1, Year);
    window.close();
}
function MakeDate(iYear, iMonth, iDay, fn){
    D = new Date();
    Year = (typeof(iYear) != 'undefined') ? iYear : D.getFullYear();
    Month = (typeof(iMonth) != 'undefined') ? iMonth : D.getMonth();
    Day = (typeof(iDay) != 'undefined') ? iDay : D.getDate();
    ReturnFunc = fn;
    id = Calendar(Year, Month+1, Day, 'cal', 'CalendarRed');
}
</script>
</head>
<body onLoad="MakeDate();">
<div id='cal'> </div>
</body>
</html>

Ads









Related Tutorials/Questions & Answers:
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
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
Advertisements
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... link: Java Date Time Picker Example   Hello Sir, Thank
Date Picker
Date Picker  "I want to set default calendar date when using datepicker. This date means auto-loaded date when the calendar appears. The default date is the current date. I want to change it. How could I do
date picker
date picker  where i have to kept javascript ,css files and images in eclipse... please tell me the location
Date & Time
Date & Time  How to insert System Date & Time in MS-ACCESS using Java
Date & Time
Date & Time  How to insert System Date & Time in MS-ACCESS using Java
convert date time to int
convert date time to int  convert date time to int
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 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
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
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
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
jquery date picker
jquery date picker  how can i compare the dates on click from a calendar with the dates that are stored in database
jquery date picker
jquery date picker  I am developing a business calendar.i used the Jquery datepicker plugin.I just now want to get the dates from the the calendar and should get the alert message soon after i click on the particular date.The
javascript current date and time.
javascript current date and time.  How can we display current date and time using javascript?   <html> <head> <title>... with current day,date,time and GMT.You can have your own format
Mysql Date and Time
Mysql Date and Time       Mysql Date and Time is used to return the current date and time... the current date and time. CURRENT_TIMESTAMP:-This is used to returns
Mysql Date no Time
Mysql Date no Time       Mysql Date no Time is used to find out the current date with no time. Understand with Example The Tutorial illustrate an example 'Date no Time' in Mysql
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
Add Date Time together
Add Date Time together  I want to add datetime with time and result... this in javascript. and first datetime is from the text box and another time is from second text box and add both the text box means datetime with time
date and time in awt(java)
date and time in awt(java)  sir, do you have an example of date in awt java which can be view over a textfield.   Display time in JTextField import java.util.*; import javax.swing.*; import java.awt.event.*; public
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
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
How to convert date to time in PHP?
How to convert date to time in PHP?  Hi, programmer. The PHP..., but as a readable date and time, it leaves much to be desired. Luckily, the PHP... google search and found some PHP Date time scripts listed on the page. Glad
Display Date and Time - Design concepts & design patterns
system date and time . Thanks Prakash  Hi Friend, Try the following code: System Date and Time var date = new Date(); document.write("System date and Time is: "+ date); Thanks
Sql Date and Time Format
Sql Date and Time Format       The Tutorial illustrate an example from the 'Sql Date and Time...; is used to  format date and time.  SYNTAX:- DATE_FORMAT(date,format
ModuleNotFoundError: No module named 'datatypes-date-time'
ModuleNotFoundError: No module named 'datatypes-date-time'  Hi, My... named 'datatypes-date-time' How to remove the ModuleNotFoundError: No module named 'datatypes-date-time' error? Thanks   Hi
ModuleNotFoundError: No module named 'date-time-pkg'
ModuleNotFoundError: No module named 'date-time-pkg'  Hi, My... 'date-time-pkg' How to remove the ModuleNotFoundError: No module named 'date-time-pkg' error? Thanks   Hi, In your python
ModuleNotFoundError: No module named 'recognizers-date-time'
ModuleNotFoundError: No module named 'recognizers-date-time'  Hi...: No module named 'recognizers-date-time' How to remove the ModuleNotFoundError: No module named 'recognizers-date-time' error? Thanks   Hi
ModuleNotFoundError: No module named 'recognizers-text-date-time'
ModuleNotFoundError: No module named 'recognizers-text-date-time'  Hi...: No module named 'recognizers-text-date-time' How to remove the ModuleNotFoundError: No module named 'recognizers-text-date-time' error? Thanks
Get current Date and Time
Get current Date and Time In this section we will discuss about how to get current date and time in java. Java provide two classes, Date and calendar which will display the current date and time in java. SimpleDateFormat is used 
Retrieve Date Time Frm Database - Development process
Retrieve Date Time Frm Database  Hi Friend, Ow to retrieve Date and Time at a time from ms Access database. For Storing data time...(); For Retrieving date -------------- need code to retrieve date and time
date format to be updated with current date time
date format to be updated with current date time  package LvFrm...; JButton b1,b2; //for date month year entry String strD[]={"Day","1...); /*for date entry & adding date into panel 2 also addind panel
J2ME Current Date And Time
J2ME Current Date And Time     ... the current date and time on the screen. Like core Java J2ME too use the same  java.util package to show the current date as well as current time on the screen
How to know the Sunrise time of particular date and Location.
How to know the Sunrise time of particular date and Location.  Hi, How to create a small application to know the sunrise time of specific date as well as the locations. So, Please provide any online help. so, that i
updated with current date n time
updated with current date n time  package LvFrm; import...; //for date month year entry String strD[]={"Day","1","2","3","4","5...); panel2.setBorder(b2); frm.add(panel2); /*for date entry
Get Date and Time
Get Date and Time   ... current date and time in the user given format. To do all this we have first... whose time fields have been initialized with the current date and time. getTime
Parsing Date And Time Example
Parsing Date And Time Example       This example shows how to parsing date and time using Format... Date class object into date / time and appends the it into the StringBuffer
Mysql Date and Time
Mysql Date and Time      ... a date time format Query in different ways. now ( )  :The below Query return you the current date in yyyy-mm-dd and time in hh:mm:ss. Query for displaying
Display PHP clock with user input date and time
code displays a clock with current date and time. I want the clock to receive user input date and time. How can this be done? <?php date<em>..."){ $time1 = Time(); $date1 = date("m/d/Y h:i:s A",$time1); //echo $date1; // time
Reading the Date and time values from excel sheet
Reading the Date and time values from excel sheet  hi guys , iam... the date(dd/mm/yy) and time(hh:mm:ss) values concurrently from two different cells .when iam trying to do so iam getting the values in either time format or data
Mysql Date from Date
Mysql Date from Date       Mysql  Date from Date Time in Mysql return the Current ... that return you the current date  from date time as Date field name
Getting the modification date and time of file or folder in Java
or directory name in proper format to get the modification date and time : myfile.txt File name : myfile.txt File modification date and time : Thu Oct 04 16:31:39 GMT+05:30 2007 C
java util date - Time Zone throwing illegal argument exception
java util date - Time Zone throwing illegal argument exception  Sample Code String timestamp1 = "Wed Mar 02 00:00:54 PST 2011"; Date d = new Date...()); The date object is not getting created for IST time zone. Java
JDBC: Get current Date and Time Example
JDBC: Get current Date and Time Example In this section, you will learn how to get current Date and current time using JDBC API. Get current Date and Time... date and current time by using MySql methods CURDATE() and CURTIME
Maven dependency for com.vaadin - vaadin-date-picker-flow version 2.2.4 is released. Learn to use vaadin-date-picker-flow version 2.2.4 in Maven based Java projects
-picker-flow released The developers of   com.vaadin - vaadin-date-picker..., the released version of  com.vaadin - vaadin-date-picker-flow library is 2.2.4. Developer can use this version ( com.vaadin - vaadin-date-picker-flow
Maven dependency for com.vaadin - vaadin-date-picker-flow version 2.2.5 is released. Learn to use vaadin-date-picker-flow version 2.2.5 in Maven based Java projects
-picker-flow released The developers of   com.vaadin - vaadin-date-picker..., the released version of  com.vaadin - vaadin-date-picker-flow library is 2.2.5. Developer can use this version ( com.vaadin - vaadin-date-picker-flow
Maven dependency for com.vaadin - vaadin-date-picker-flow version 2.2.6 is released. Learn to use vaadin-date-picker-flow version 2.2.6 in Maven based Java projects
-picker-flow released The developers of   com.vaadin - vaadin-date-picker..., the released version of  com.vaadin - vaadin-date-picker-flow library is 2.2.6. Developer can use this version ( com.vaadin - vaadin-date-picker-flow
Maven dependency for com.vaadin - vaadin-date-picker-flow version 14.5.0 is released. Learn to use vaadin-date-picker-flow version 14.5.0 in Maven based Java projects
-picker-flow released The developers of   com.vaadin - vaadin-date..., the released version of  com.vaadin - vaadin-date-picker-flow library is 14.5.0. Developer can use this version ( com.vaadin - vaadin-date-picker-flow

Ads