jQuery 日期拾取器 - NOTEBOOK
jQuery 日期拾取器
JS / HTMLPosted on 2022-12-23
摘要 : 用于外观页面中选择日期的。 需要jquery。
time_picker
下载:
20221223E07WrL3S.zip使用:
<input type="text" id="datepicker">
<script src="http://cdn.staticfile.org/moment.js/2.2.1/moment.min.js"></script>
<script src="pikaday.js"></script>
<script src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var i18n = { // 本地化
previousMonth : '上个月',
nextMonth : '下个月',
months : ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],
weekdays : ['周日','周一','周二','周三','周四','周五','周六'],
weekdaysShort : ['日','一','二','三','四','五','六']
}
var datepicker = new Pikaday({
field: jQuery('#datepicker')[0],
minDate: new Date('2000-01-01'),
maxDate: new Date('2020-12-31'),
yearRange: [2000,2020],
i18n: i18n,
onSelect: function() {
var date = document.createTextNode(this.getMoment().format('YYYY-MM-DD') + ' '); // 生成的时间格式化成 2013-09-25
$('#datepicker').appendChild(date);
}
});
});
</script>
参考资料 : http://blog.wpjam.com/m/pikaday-advanced-usage/