having difficulties in dynamically adding textbox with datepicker

Ads

 
 
 

Share on Google+Share on Google+

Ken Yang
having difficulties in dynamically adding textbox with datepicker
1 Answer(s)      6 years and 5 months 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>
Ads
View Answers

December 27, 2010 at 11:08 AM


Hello Friend,

Please visit the following link:

Date Picker Example

Thanks


Ads









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
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
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
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
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
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
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
populate Combo Box dynamically
populate Combo Box dynamically  Hi, How to populate the Combo Box dynamically using Flex with Jsp's
Tutorials   
Java Spring Hibernate Struts Training I'm trying to pass counter data to another HTML page. How to display button as a link in vaadin? hi change navbar dropdown color in bootstrap How to remove the background color of bootstrap menu bar? How to change color of opened Bootstrap drop down toggle? Setting bootstrap container background color Help school all activities and admision process.. add one row after another date make a webpage HTMl HTMl Source code how to apply globalisation to a world wide asp.net application how to print HTML using javascript or Jquery How to recover from google panda update? How to survive google panda 4.0 update How to find if you have been hit by Panda 4.0 Design a web page using XHTML and JavaScript that does the followings: ffmpeg converting file mp4 to mov JavaScript How to Disable Catch-all Emails on CPanel z-index always on top What is Web hosting Database and HTML web development trainee Uploading files Image Gallery Image Gallery dropdown How to redirect from a HTML page? Easiest method for expiring the css and js headers HTML WITH AJAX VB 6 Read Web Page Header string palindrom using vbscript? html button How to add mod_deflate to apache without recompiling How to use place hoder in IE(version : 8) Html Software Question div align left css Fetching data from excel file on other website and display in interactive graph form where do I find the fix for tree view catalog not expanding and collapsing correctly for roseindia shopping cart 1.1 pass to next page to enter into a particular page only if the username,password and listbox value mtches hi Cricket stadium ticket booking design Need some help creating an order form. HTML div tag

Ads

 
Advertisement null

Ads