2012-07-27 67 views
0

我有一個網站,客戶需要驗證他們的年齡,然後才能繼續。我需要一個基本上像單選按鈕一樣工作的日期選擇器。第1組是「日」。顯示數字1到31的圖像。第2組是「月」。顯示Jan至Dec。第3組是「年」。顯示1938年至1997年。用一個非常簡單的日期選擇器遇到問題

只要你登陸頁面,立即顯示所有三組。沒有花哨的下拉或註釋。我希望它像「點擊點擊繼續」一樣簡單

我試圖用圖像替換標準的單選按鈕,但事實證明這是相當複雜的。任何建議或解決方案?

+0

你以某種方式禁用二月,四月,六月,九月和十一月的時候他們選擇31,並且在他們選擇30時停用2月?當他們選擇29和2月份時,你是否禁用非閏年? – 2012-07-27 12:35:32

+0

是的,你可以... 你必須以編程方式使用它,並讓用戶在YY MM DD fashin中給予輸入,只是爲了避免混淆... – AdityaParab 2012-07-27 13:09:14

+0

@AdityaParab - 是的,你可以。但是,如果日期列爲第1組,將月份設爲第2組,並將年份設爲第3組,則想法是按照該順序輸入它們。 – 2012-07-27 13:53:21

回答

2

我想你應該使用select標籤。請參閱this fiddle以供參考。

1

選擇將工作得很好。

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

您可以使用jQuery的.datepicker()

您需要包括jQuery的用戶界面的腳本這個工作。

+0

謝謝,但這需要下拉和滾動。那不是什麼即時通訊 – imieliei 2012-07-27 12:16:59

+0

然後有3個表格。 – AdityaParab 2012-07-27 14:07:59