js特效

代碼結構

1. 引入CSS

<link rel="stylesheet" href="style/style.css">
<link rel="stylesheet" href="style/mobileSelect.css">

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/mobileSelect.js"></script>
<script type="text/javascript" src="js/selectDate.js"></script>

3. HTML代碼

<ul>
	<li id="date"></li>
</ul>
<div class="txt"></div>
<script type="text/javascript">
$.selectDate("#date", {
	start: 1939,
	end: 2058,
	select: [2000, 8, 8],
	title: ' '
}, function (data) {
//        獲取年月日
	console.log(data);
	$('.txt').text(data.year+'年'+data.month+'月'+data.day+'日')
});
</script>