ASP.net - Using a jQuery datepicker in a custom control

Question

I'm trying to use the jquery datepicker - http://jqueryui.com/demos/datepicker/ in a custom control (.ascx).

To enable the datepicker, I need to add the following script at the top for an input:

$("#dateinput").datepicker({});

The problem is, that the id of the element changes when the custom control is on a page. When the custom control is given an id of "c1" for example, the id field becomes "c1_dateinput".

How do I get around this? I need multiple custom controls with datepickers on the page.

Andy Gaskell · Accepted Answer · 2009-08-17 18:58:40Z

4

If you need multiple controls to have datepickers I would use a class. Assign a CSS class to anything that needs a datepicker and your javascript becomes this:

$(".datepicker").datepicker();

answered Aug 17, 2009 at 18:58

Andy Gaskell

31.8k6 gold badges79 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

redsquare · Accepted Answer · 2009-08-17 18:59:27Z

2

use a class say date.

Then simply do -

$("input.date").datepicker();

This will create a datepicker for each input that has a class of date.

answered Aug 17, 2009 at 18:59

redsquare

78.8k21 gold badges155 silver badges159 bronze badges

Comments

Andrew Siemer · Accepted Answer · 2009-08-17 18:58:53Z

0

You will need to use the Control.ClientID property to get around this. This way you can get the rendered client id no matter what it is.

answered Aug 17, 2009 at 18:58

Andrew Siemer

10.3k3 gold badges44 silver badges61 bronze badges

Collectives™ on Stack Overflow

ASP.net - Using a jQuery datepicker in a custom control

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related