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



Home Answers Viewqa HTML having difficulties in dynamically adding textbox with datepicker
Login         

View Questions and Answers by Category

Advertisements


 
Have Programming Question? Ask it here!
 
 
 


Ken Yang
having difficulties in dynamically adding textbox with datepicker
1 Answer(s)      4 years ago
Posted in : HTML


hi all,

I need help! Right now the problem is, when a button is click, it will run a function call addMoreDate(TableID). By running this function it will help me add new row of textbox. And also able to use datepicker for the textbox as well. However, I am able to add and display the textbox but not the datepicker. I tried to solve but I still can't find any solution. Pls Help! below is my code.

function addMoreDate(TableID) {

                var table = document.getElementById(TableID);

                var rowCount = table.rows.length;
                var row = table.insertRow(rowCount);

                var cell1 = row.insertCell(0);


               var element1 = document.createElement("input");


                element1.type = "text";
                element1.setAttribute('name', rowCount);

                element1.setAttribute('id', "datepicker");

                cell1.appendChild(element1);

                $(function() {
                    $( "#datepicker" ).datepicker({ showAnim: 'clip',
                                                    minDate: '+1d',
                                                    maxDate: '+60d',
                                                    showOn: 'button',
                                                    buttonImage: 'Image/calendar.gif',
                                                    buttonImageOnly: true,
                                                    dateFormat: 'dd-mm-yy' 
                });

                });
            }



<tr>
    <td></td>
    <td>
        <button type="button" onclick="addMoreDate('moredate')">Click to add more date</button>
        <table id="moredate">


        </table>
    </td>
</tr>

Advertisement
View Answers

December 27, 2010 at 11:08 AM


Hello Friend,

Please visit the following link:

Date Picker Example

Thanks



Related Tutorials/Questions & Answers:
having difficulties in dynamically adding textbox with datepicker
having difficulties in dynamically adding textbox with datepicker  hi... add new row of textbox. And also able to use datepicker for the textbox as well. However, I am able to add and display the textbox but not the datepicker. I
Dynamically adding textbox and labels
Dynamically adding textbox and labels  Sir, In my application I want to insert texbox and labels dynamically and want to insert database field value in that generated label. Plz help me, Thanks in advance
Advertisements
Dynamically hide textbox
Dynamically hide textbox  I have a drop down(combo box) with 2 values (reference and file).When refrence is selected from the drop down the components of file(that is displayed when file is selected) should get hidden dynamically
jtable-adding a row dynamically
jtable-adding a row dynamically  hi..i am doing a project for pharmacy .. *pblm:* when i want to enter the details in jtable while running... to add one more row dynamically as a new row 4th if the details are large.but every
Dynamically Update textbox from database
Dynamically Update textbox from database  I have a database as shown... with two text boxes. if I type something in one textbox, the corresponding value... in another textbox. How can I achieve
how to get the values from dynamically generated textbox in java?
how to get the values from dynamically generated textbox in java?  I... textbox corresponding to the data. I want to get data from textboxes(generated as per the retrieved data) and I want to store textbox values into the two table
Validation of datepicker
Validation of datepicker  I have a datepicker in my JSp...the seleted dates are put in a text box. I want the alert the user from selecting future dates in the startDate and enddate textbox.So that the user will be alerted wen
jquery datepicker example
jquery datepicker example  √?¬†jquery datepicker example - i wants...').datepicker( { changeMonth: true, changeYear: true...(dateText, inst) { var month = $("#ui-datepicker-div .ui-datepicker
Multiple implementaion of datepicker.
Multiple implementaion of datepicker.  Hello Sir I am using date-picker in my web page. But i need to put date-picker on multiple text fields...: $('.calendar').datepicker(); Using it that way for multiple calendar fields works
vaidate a date from datepicker in javasript
vaidate a date from datepicker in javasript  validation should be the user should be alerted wen a future date is selected..validation can be done in javascript or jsp itself
display data from database in textbox when id entered in textbox
display data from database in textbox when id entered in textbox  i wanted to enter data in textbox .depending on entered data in textbox data from database should be displayed dynamically in textbox
jQuery UI Widget : Datepicker
jQuery UI Widget : Datepicker       jQuery UI Widget : Datepicker You can datepicker to your web page for inputting date. The language and date
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
Adding an employee
Adding an employee  coding for adding an employee
store dynamic generated textbox value into database
store dynamic generated textbox value into database  sir, how do i store dynamically generated textbox value into the database thanks in advance
Dyanmically Adding Rows
Dyanmically Adding Rows  Hi sir Am doing project in that i need to add date picker in dynamically adding rows but the dates are storing in first test...() { var myCounter = 1; $(".myDate").datepicker
Datepicker not getting called through include function of php
Datepicker not getting called through include function of php  my... of the endDate datePicker to be the start date the user has just selected..."); // Set the low range of the second datePicker to be the date parsed from
adding a dialogue
adding a dialogue  Blockquote Hi can you help with the program below,the program is a loop that prints out a code and a quantity when prompt for the user input.what I need is to modify the code to incorporate a dialogue asking
dynamically writing text javascript
dynamically writing text javascript  dynamically writing text javascript. Is it possible
dynamically writing text javascript
dynamically writing text javascript  dynamically writing text javascript. Is it possible
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
adding loop
adding loop  Hi I have a program that is not compiling when I add a loop can you help me?The program below is compiling without the loop. > Blockquote mport java.util.*; import java.text.*; import java.util.Scanner
Hibernate :dynamically choosing server
Hibernate :dynamically choosing server   Is it possible to dynamically choose server name in hibernate
How to create textbox on combo value selection using javacsript in jsp?
How to create textbox on combo value selection using javacsript in jsp?  dynamically create textbox on combo value selection. when select multiple values then create multiple textboxes
Getting mysql table in textbox
Getting mysql table in textbox  how to get mysql table values into textbox in java using ajax and servlets
showing the information of database in textbox
showing the information of database in textbox  how to make a information of a database make appear to the user in the textbox
Where and Having clause
Where and Having clause   hii, What is the difference between where and having clause?   hello, WHERE clause is used to impose... BY clause. HAVING clause is used to impose condition on GROUP Function
change xml dynamically
change xml dynamically  How to change an XML dynamically in Java
pojo class having problem
pojo class having problem  Cannot find any information on property 'Username' in a bean of type 'LoginBean.LoginBeanClass' org.apache.jasper.runtime.JspRuntimeLibrary.handleSetProperty(JspRuntimeLibrary.java:664
Adding two numbers
Adding two numbers  Accepting value ffrom the keyboard and adding two numbers
 

 

 

DMCA.com