CODEWITHSUNDEEP
javascriptjqueryhtmlcalendardatepicker
imieliei
imieliei

Reputation: 19

Having trouble with a very simple datepicker

I have a website where clients need to verify their age before they may continue. I need a basic datepicker that basically works like radio buttons. Group 1 is "day". Images for the numbers 1 to 31 is displayed. Group 2 is "month". Jan to Dec is displayed. Group 3 is "year". 1938 to 1997 is displayed.

As soon as you land on the page, all three groups are immediately displayed. There is no fancy dropdown or annimation. I want it to be as simple as "click click click continue"

I have tried replacing standard radio buttons with images, but that proved to be quite complicated. Any suggestions or solutions?

Upvotes: 0

Views: 324

Answers (3)

Piyush Sardana
Piyush Sardana

Reputation: 1758

you can use datepicker and use onShow and pickerClass to define whatever UI you want there...check this for reference

http://keith-wood.name/datepickRef.html

Upvotes: 0

AdityaParab
AdityaParab

Reputation: 7100

Select would work just fine.

Day:
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
.
.
.
.
</select>

Month:
<select>
<option value="1">Jan</option>
<option value="2">Feb</option>
<option value="3">Mar</option>
.
.
.
.
</select>

Year:
<select>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
.
.
.
</select>

OR

You can use jQuery's .datepicker()

You need to include jQuery UI's script for this to work.

Upvotes: 1

gor
gor

Reputation: 11658

I think you should use select tag. See this fiddle for reference.

Upvotes: 2

Related Questions