Calendar『为移动端而生』的自定义日历

Intro

Calendar was born for several product requirements in the mobile. It’s free, cute and customized.

The Calendar was builded by protogenic Javascript. So you can use it with jQuery，Vue, React, and so on.

github &＃8212; https://github.com/AppianZ/calendar, 欢迎使用

中文文档在后面~

Calendar &＃8211; 自我介绍

Calendar是为了满足移动端对各种场景的需求而生的，兼容性强，灵活度高。

原生插件，可以与任何框架配合使用。

特色功能

• &＃x2611;&＃xfe0f; 限制时间范围，精确到【日期】

• &＃x2611;&＃xfe0f; 有【直接布局】和【弹层显示】两种不同调用样式

• &＃x2611;&＃xfe0f; 自由设置【月份和星期的中英文显示】、【星期天的排序位置】和【切换操作】

• &＃x2611;&＃xfe0f; 利用回调控制【每一个日期】的不同样式

• &＃x2611;&＃xfe0f; 可以【选中】时间点，或【时间范围】

• &＃x2611;&＃xfe0f; 可以根据实际需要，【调整预判手势的灵敏度】

亲自体验一下demo：&＃x2b07;&＃xfe0f;&＃x2b07;&＃xfe0f;&＃x2b07;&＃xfe0f;

Demo & NPM

• Calendar Demo

• Calendar NPM

How To Use

1. html中：

2. js中：

// 方式一, 直接引用

// 方式二, 引入npm包
import Calendar from 'mob-calendar';

如何正确生成实例，请看参数列表：&＃x2b07;&＃xfe0f;&＃x2b07;&＃xfe0f;&＃x2b07;&＃xfe0f;

参数列表

js中：

// 渲染时给特殊日期指定样式的数据格式
beforeRenderArr: [{
stamp: 1512057600000, // 指定某个时间戳
className: 'disable', //指定该时间戳渲染的样式
}]

html中：

// 渲染后的效果如下
// li 是一个矩形，i 是圆形


Logs

2017.5.8(add)

• 正式发布第一版日历

Authors

如果你遇到了什么神bug，请发起ISSUE联系我 ~

我是嘉宝Appian，一个卖萌出家的算法妹纸。