1.0.4 • Published 8 years ago
m-calendar v1.0.4
mCalendar
这是一个移动端日历选择插件。
效果

安装
$ npm install m-calendar --save使用
引入css和js文件
<link rel="stylesheet" href="../dist/css/mCalendar.min.css">
<script src="../dist/js/mCalendar.min.js"></script>创建日历选择器
var cal = new Calender({
onClose: function (data) {
console.log(data, '关闭');
},
onChange: function (data) {
console.log(data, '选择');
}
});
document.querySelector('.cal').addEventListener('click', function () {
cal.open();
});API
参数说明
| 参数 | 描述 |
|---|---|
| minDate | 可选开始日期 |
| maxDate | 可选结束日期 |
| inDate | 选中的日期 |
| partDate | 是否按时间段选择日期 |
| intervalDay | 前后间隔多少天可选(90) |
| startDate | 选中的开始日期 |
| endDate | 选中的结束日期 |
| close | 关闭日历按钮(取消) |
| title | 标题文本(选择日期) |
| format | 选择日期格式(yyyy-mm-dd) |
| onChange | 修改日期后回调 |
| onClose | 关闭时回调 |