jQuery年月日（生日）選擇器

咱們在編輯用戶資料時常常會遇到選擇生日選項的問題，今天我給你們介紹如何使用js來實現年月日（生日）選擇器，可以準確計算閏年的年月日，方便表單處理。

HTML

生日中的年月日以<select>下拉方式，咱們給每一個select加個rel屬性，當已知用戶生日日期的，直接經過rel屬性標註，插件會將rel屬性值轉換成select的值。

<label> 生日：</label>  
<select class="sel_year" rel="2000"> </select> 年 
<select class="sel_month" rel="2"> </select> 月 
<select class="sel_day" rel="14"> </select> 日 

加載jQuery庫和選擇器插件：

<script src="jquery.js"></script> 
<script src="birthday.js"></script> 

jQuery

咱們將選擇器封裝成jQuyer插件的形式，只需使用如下方式調用便可：

$(function () { 
    $.ms_DatePicker({ 
            YearSelector: ".sel_year", 
            MonthSelector: ".sel_month", 
            DaySelector: ".sel_day" 
    }); 
}); 

點擊這裏查看在線演示

點擊這裏下載源碼