手机端简约日历控件iantoo.week()

原文链接

运用

引入文件:

./build/css/iantooweek.css
./build/js/iantooweek.js

并在页面上挪用:

iantoo.week()

细致运用要领见page/iantooweek/index.html

兼容性

ios 8.0+

Android 4.0+

预览

GitHub

API

el

非必填、
string,默许会直接插入到
body中。

指定日历模块所衬着的element,传入花样入'.className'或#idName,终究会经由过程querySelector要领举行查找。

date

非必填、默许值：体系的当前时刻，即：
new Date()获得的时刻。 、
type:string

默许初始化的时刻,花样必需为“YYYY-MM-DD HH:MM:SS” 或 “YYYY-MM-DD”。

setSystemDate

type:string 默许 体系时刻
YYYY-MM-DD HH:MM:SS | YYYY-MM-DD | 时刻戳

手动设置体系时刻,一般状况不实用该功用。
重要是为了防止用户修改了手机日历今后，猎取的当地与服务器时刻不一致,能够经由过程猎取服务器时刻举行手动设置。将不在猎取当地时刻

showWeek

非必填、
boolean,默许
true。

是不是显现礼拜栏,默许显现。

sign

非必填、
array,默许
[]。

用于标示某一天提醒,被标记的某一世界面会天生一个圆点提醒。传入花样如：“['2018-06-5','2018-6-23']”

RootNoScroll

非必填 、
boolean,默许
true可转动。

false时制止摆布转动,制止转动今后不会在摆布滑动,将不会触发scroll、touchStartFun 和 touchEndFun要领。只要在兼容部份机型的时刻才会挪用。

theme

主题色彩

theme.selectGB

非必填、
string,默许:会跟着版本的差别而变化

被挑选的某一天的背景色,可传入色彩值的体式格局可分为16进制、RGB、RGBA等色彩情势,终究以element.style.background = color的情势赋值。

theme.selectFontColor

非必填、
string,默许:
'#ffffff'

被选中的某一天的笔墨色彩,花样同theme.selectGB

theme.systemBG

非必填、
string,默许:会跟着版本的差别而变化

体系时刻的背景色彩,当体系的当前时刻被选中时,会以theme.selectGB的色彩优先显现。花样同theme.selectGB

theme.systemFontColor

非必填、
string,默许:会跟着版本的差别而变化

体系时刻的笔墨色彩,被点击时会以theme.selectFontColor色彩优先显现。花样同theme.selectGB

clickDate

非必填、
function。

当点击某一天的时刻会回调该要领。以下

iantoo.week({
clickDate:function(date){
console.info(date) //{year: 2018, month: 6, day: 29}
}
})


返回对应的当天的年月日时刻

render

非必填、
function。

日历在挪用时衬着完成今后自动触发该要领,示例:

iantoo.week({
render:function(data,systemDate){
}
})


data返回的是当前页面衬着的礼拜的时刻数组列表
systemDate返回当前电脑体系对应的时刻年月日

updataRender

非必填、
function。

日历控件更新今后哦挪用,只要在挪用了iantoo.week.update()的时刻才会被触发

scroll

非必填、
function。

每次滑动今后挪用的要领,返回当前显现的七天的日期。

touchStartFun

非必填、
function。

滑动最先触发的要领。

touchEndFun

非必填、
function。

滑动完毕触发的要领

注：
touchStartFun 和
touchEndFun要领对应的则是
touchstart和
touchend,一般用在安卓装备上。当翻开一个
activity的今后，如果有原生的横向滑动要领,须要原生支撑方来来制止转动,则能够经由过程这两个要领来掌握是不是制止原生的滑动。关于
IOS装备已经由过程阻挠冒泡事宜举行掌握,不须要再做掌握。