首頁 > 網際網路

如何用jquery外掛實現生日日期選擇

2019-12-13 02:59:27

專案使用者管理模組用到和生日選擇下拉框,該外掛是在原有基礎之上修改而來的,基本功能沒有什麼大的改變,只是做了些本土化的修改,另外,稍微擴充套件了一下,當然如果功能不滿足你的要求,你也可以盡情的擴充套件。

1

呼叫方法


2

maxAge : 設定「年」下拉表中年的個數,這裡設定為10則顯示最近10年的(前提是你開始「年」必須為今年2013),預設值為120。


3

minAge : 與maxAge相對,如果當前年為2013年,並且設定了minAge為20,那麼最早可以選擇的年限為1993年。

4

maxYear : 年列表中最大年,你可用一個具體年如,'2013-07-06'或者採用變數獲取當前年的字串。預設值為todayYear(演算法:todayDate = new Date(), todayYear = todayDate.getFullYear())

5

futureDates : 將來(未來)時間是否可以選擇,例如:你在maxYear設定為'2020',並且futureDates為true,此時列表內容為:


6

futureDates為false時:


7

dateFormat:在這裡format指的是顯示年月日的順序,bigEndian: 「年月日」 ,littleEndian:「日月年」,否則 「月日年」

8

monthFormat:其實沒有什麼大用途,之前因為是英文版本的,short為英文版單詞縮寫。

9

placeholder: 是否顯示預設提示的資訊。


10

defaultDate : 元素初始時的值


11

hiddenDate:是否要新增一個時間隱藏域,值為true或false 預設為true

fieldName:隱藏域元素的name值 預設為:birthdate

fieldId:隱藏域元素的id值 預設為:birthdate



12

wraper:為盛放select元素的容器,這個是我自己擴充套件的,原來外掛只支援fieldset,修改後可以有多種方式選擇。效果如下:

"wraper":"span"


13

legend:fieldset下元素屬性



IT145.com E-mail:sddin#qq.com