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

摘要：主要是为了避免用户修改了手机日历之后，获取的本地与服务器时间不统一可以通过获取服务器时间进行手动设置。日历控件更新之后哦调用只有在调用了的时候才会被触发非必填。对于设备已经通过阻止冒泡事件进行控制不需要再做控制。

引入文件:

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

并在页面上调用:

iantoo.week()

详细使用方法见page/iantooweek/index.html

ios 8.0+
Android 4.0+

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

指定日历模块所渲染的element,传入格式入".className"或#idName,最终会通过querySelector方法进行查找。

非必填、默认值：系统的当前时间，即：new Date()得到的时间。 、type:string

默认初始化的时间,格式必须为“YYYY-MM-DD HH:MM:SS” 或 “YYYY-MM-DD”。

type:string    默认 系统时间    YYYY-MM-DD HH:MM:SS  |  YYYY-MM-DD  | 时间戳

手动设置系统时间,通常情况不适用该功能。
主要是为了避免用户修改了手机日历之后，获取的本地与服务器时间不统一,可以通过获取服务器时间进行手动设置。将不在获取本地时间

非必填、boolean,默认true。

是否显示星期栏,默认显示。

非必填、array,默认[]。

用于标示某一天提醒,被标记的某一天下面会生成一个圆点提示。传入格式如：“["2018-06-5","2018-6-23"]”

非必填 、boolean,默认true可滚动。

false时禁止左右滚动,禁止滚动之后不会在左右滑动,将不会触发scroll、touchStartFun 和 touchEndFun方法。只有在兼容部分机型的时候才会调用。

主题颜色

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

非必填、function。

当点击某一天的时候会回调该方法。如下

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

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

非必填、function。

日历在调用时渲染完成之后自动触发该方法,示例:

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

    }
})

data返回的是当前页面渲染的星期的时间数组列表
systemDate返回当前电脑系统对应的时间年月日

非必填、function。

日历控件更新之后哦调用,只有在调用了iantoo.week.update()的时候才会被触发

非必填、function。

每次滑动之后调用的方法,返回当前显示的七天的日期。

非必填、function。

滑动开始触发的方法。

非必填、function。

滑动结束触发的方法

注：touchStartFun 和 touchEndFun方法对应的则是touchstart和touchend,通常用在安卓设备上。当打开一个activity的以后，如果有原生的横向滑动方法,需要原生支持方来来禁止滚动,则可以通过这两个方法来控制是否禁止原生的滑动。对于IOS设备已经通过阻止冒泡事件进行控制,不需要再做控制。