jquery date picker

Forum|Forum|13 years ago
January 31, 2013
1 reply
1944 views

$("#datepicker").datepicker({ minDate: 0 });

});

</script>

this loop returned records from table. Supposed it returned 5 records. The code below only show the calendar for first text box. how can I display every calendar all of tex boxese
<cfloop query="q_sale_order">
<cfinput type="text" value="#dateformat(sale_date, 'mm-dd-yy')#" id="datepicker" name="sale_date#id#" />
</cfloop>

Thanks

Getting started

This topic has been closed for replies.

Correct answer Dan_Bracuk

Put the calendar inside your loop. Also, append the id value from your query to the id attribute of your cfinput tag.

D

Dan_BracukCorrect answer

Inspiring

Put the calendar inside your loop. Also, append the id value from your query to the id attribute of your cfinput tag.

N

newcfAuthor

Known Participant

worked, thanks alot.

N

newcfAuthor

Known Participant

Hi,

Like i said from very first posted, it is dynamic display from the table. The pop up calendar appears on the right side of text box if i have about 10 or 15 records(rows) on the page . But if more records such as 50 or 100 records (rows) then when i scroll dow or half way down and click on text box, no pop up calendar appeas on the right side of text box.

How can i make this pop up calendar dispay beside the text box regarless for how many records i have on the page?

here what i have now.

$(function() {

$( "##datepicker_#id#" ).datepicker({

minDate:0,

minYear:0,

changeMonth: true,

changeYear: true ,

beforeShow: function(input, inst)

{

inst.dpDiv.css({marginTop: -input.offsetHeight + 'px', marginLeft: input.offsetWidth + 'px'});

}

});

</script>

thanks

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.