移动端仿ios日历插件

来源:互联网 发布:易语言仓库管理源码 编辑:程序博客网 时间:2024/05/17 11:57

插件库有很多日历插件,但是觉得还是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>

原创粉丝点击