1.0.4 • Published 7 years ago

m-calendar v1.0.4

Weekly downloads
5
License
ISC
Repository
github
Last release
7 years ago

mCalendar

这是一个移动端日历选择插件。

NPM version npm npm

效果

Demo Demo

安装

$ 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关闭时回调