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