插件库有很多日历插件,但是觉得还是ios自带的样式看着顺眼一些,这里分享一个代码代码及其简洁的日历插件。
直接贴代码啦。
一、效果:
二、代码:
<body>点击输入框触发<input id="demo1"><script>varcalendar =newdatePicker(); calendar.init({'trigger': '#demo1', /*按钮选择器,用于触发弹出插件*/ 'type': 'date',/*模式:date日期;datetime日期时间;time时间;ym年月;*/ 'minDate':'1900-1-1',/*最小日期*/ 'maxDate':'2100-12-31',/*最大日期*/ 'onSubmit':function(){/*确认时触发事件*/vartheSelectData=calendar.value; }, 'onClose':function(){/*取消时触发事件*/ }});/*这里需要下载一个js包在头部导入即可运行。已经放到我的github上了。
地址:/TroubleSeven/app-calendarPlugin*/</script>