所属分类:网页特效-时间日期
<link rel="stylesheet" href="css/jHsDate.css" />
<script src="jquery-1.10.2.js"></script>
<script src="jHsDate.js"></script>
$('#date').jHsDate();
$('#time').jHsDate({
format:'hh:mm'
});
$('#datetimeformat').jHsDate({
format: 'yyyy年MM月dd日 hh时mm分'
});
$('#datetimedef').jHsDate({
defDate: '2017-01-01',
defIsShow: true
});
$('#dateread').jHsDate({
inputIsRead: true
});
$('#datemaxmin').jHsDate({
minDate: '2010-01-01',
maxDate: '2017-05-31'
});
$('#datecallback').jHsDate({
callBack: function () {
alert('我是回掉函数')
}
});
<div style="text-align:center;margin-top:50px;">
<span>普通年月日选择</span>
<input type="text" id="date" />
</div>
<div style="text-align:center;margin-top:50px;">
<span>只显示时间选择</span>
<input type="text" id="time" />
</div>
<div style="text-align:center;margin-top:50px;">
<span>时间日期格式化</span>
<input type="text" id="datetimeformat" />
</div>
<div style="text-align:center;margin-top:50px;">
<span>设置默认日期并显示</span>
<input type="text" id="datetimedef" />
</div>
<div style="text-align:center;margin-top:50px;">
<span>只读input</span>
<input type="text" id="dateread" />
</div>
<div style="text-align:center;margin-top:50px;">
<span>日期范围</span>
<input type="text" id="datemaxmin" />
</div>
<div style="text-align:center;margin-top:50px;">
<span>回掉函数</span>
<input type="text" id="datecallback" />
</div>