jQuery年月日三级联动(生日)

查看演示 下载资源 下载积分： 30 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

HTML

demo 中有两个例子，我们挑出设置值讲下。首先给年、月、日三个select加rel属性，插件会将其转换成select选中值。

<p>
  设置值：<br/>
  <label>生日：</label>
  <select id="select_year" rel="2015"></select>年
  <select id="select_month" rel="4"></select>月
  <select id="select_day" rel="3"></select>日
</p>

引入jQuery.js和birthday.js：

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

jQuery

以下是插件的调用方法，选择年、月、日目标选择器即可：

$(function () { 
    $.ms_DatePicker({ 
            YearSelector: "#select_year", 
            MonthSelector: "#select_month2", 
            DaySelector: "#select_day2" 
    }); 
});