CODEWITHSUNDEEP
jqueryjquery-uijquery-ui-datepicker
Alexey Romanov
Alexey Romanov

Reputation: 170723

Apply different CSS to different jQuery datepickers

I have several datepickers tied to input fields. They are created in the usual way:

$('#input1').datepicker(options1);
$('#input2').datepicker(options2);

Now I want to style them differently for each field. But when inspecting the page in Firefox, I see that each datepicker is a div with the same id: ui-datepicker-div! And they aren't descendants or siblings of input fields, so I don't see a way to use the inputs' ids in CSS selectors.

Upvotes: 3

Views: 1170

Answers (1)

Oleg
Oleg

Reputation: 221997

I think that you'll have to use beforeShow or some other callback or event to modify the datepicker dynamically. You don't posted more details about options1 and options2 which you use. Probably you will have to solve more additional problems.

Upvotes: 1

Related Questions