Please enable java script to visit.
NOTEBOOK
HOMEPHP / MySQLJS / HTMLWXappPythonC++Blender其他
jQuery 日期拾取器 - NOTEBOOK
jQuery 日期拾取器
JS / HTML
Posted 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/