摘要：主要是為了避免用戶修改了手機(jī)日歷之后，獲取的本地與服務(wù)器時(shí)間不統(tǒng)一可以通過獲取服務(wù)器時(shí)間進(jìn)行手動(dòng)設(shè)置。日歷控件更新之后哦調(diào)用只有在調(diào)用了的時(shí)候才會(huì)被觸發(fā)非必填。對于設(shè)備已經(jīng)通過阻止冒泡事件進(jìn)行控制不需要再做控制。

引入文件:

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

并在頁面上調(diào)用:

iantoo.week()

詳細(xì)使用方法見page/iantooweek/index.html

ios 8.0+
Android 4.0+

非必填、string,默認(rèn)會(huì)直接插入到body中。

指定日歷模塊所渲染的element,傳入格式入".className"或#idName,最終會(huì)通過querySelector方法進(jìn)行查找。

非必填、默認(rèn)值：系統(tǒng)的當(dāng)前時(shí)間，即：new Date()得到的時(shí)間。 、type:string

默認(rèn)初始化的時(shí)間,格式必須為“YYYY-MM-DD HH:MM:SS” 或 “YYYY-MM-DD”。

type:string    默認(rèn) 系統(tǒng)時(shí)間    YYYY-MM-DD HH:MM:SS  |  YYYY-MM-DD  | 時(shí)間戳

手動(dòng)設(shè)置系統(tǒng)時(shí)間,通常情況不適用該功能。
主要是為了避免用戶修改了手機(jī)日歷之后，獲取的本地與服務(wù)器時(shí)間不統(tǒng)一,可以通過獲取服務(wù)器時(shí)間進(jìn)行手動(dòng)設(shè)置。將不在獲取本地時(shí)間

非必填、boolean,默認(rèn)true。

是否顯示星期欄,默認(rèn)顯示。

非必填、array,默認(rèn)[]。

用于標(biāo)示某一天提醒,被標(biāo)記的某一天下面會(huì)生成一個(gè)圓點(diǎn)提示。傳入格式如：“["2018-06-5","2018-6-23"]”

非必填 、boolean,默認(rèn)true可滾動(dòng)。

false時(shí)禁止左右滾動(dòng),禁止?jié)L動(dòng)之后不會(huì)在左右滑動(dòng),將不會(huì)觸發(fā)scroll、touchStartFun 和 touchEndFun方法。只有在兼容部分機(jī)型的時(shí)候才會(huì)調(diào)用。

主題顏色

theme.selectGB

非必填、string,默認(rèn):會(huì)隨著版本的不同而變化

被選擇的某一天的背景色,可傳入顏色值的方式可分為16進(jìn)制、RGB、RGBA等顏色模式,最終以element.style.background = color的形式賦值。

theme.selectFontColor

非必填、string,默認(rèn):"#ffffff"

被選中的某一天的文字顏色,格式同theme.selectGB

theme.systemBG

非必填、string,默認(rèn):會(huì)隨著版本的不同而變化

系統(tǒng)時(shí)間的背景顏色,當(dāng)系統(tǒng)的當(dāng)前時(shí)間被選中時(shí),會(huì)以theme.selectGB的顏色優(yōu)先顯示。格式同theme.selectGB

theme.systemFontColor

非必填、string,默認(rèn):會(huì)隨著版本的不同而變化

系統(tǒng)時(shí)間的文字顏色,被點(diǎn)擊時(shí)會(huì)以theme.selectFontColor顏色優(yōu)先顯示。格式同theme.selectGB

非必填、function。

當(dāng)點(diǎn)擊某一天的時(shí)候會(huì)回調(diào)該方法。如下

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

返回對應(yīng)的當(dāng)天的年月日時(shí)間

非必填、function。

日歷在調(diào)用時(shí)渲染完成之后自動(dòng)觸發(fā)該方法,示例:

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

    }
})

data返回的是當(dāng)前頁面渲染的星期的時(shí)間數(shù)組列表
systemDate返回當(dāng)前電腦系統(tǒng)對應(yīng)的時(shí)間年月日

非必填、function。

日歷控件更新之后哦調(diào)用,只有在調(diào)用了iantoo.week.update()的時(shí)候才會(huì)被觸發(fā)

非必填、function。

每次滑動(dòng)之后調(diào)用的方法,返回當(dāng)前顯示的七天的日期。

非必填、function。

滑動(dòng)開始觸發(fā)的方法。

非必填、function。

滑動(dòng)結(jié)束觸發(fā)的方法

注：touchStartFun 和 touchEndFun方法對應(yīng)的則是touchstart和touchend,通常用在安卓設(shè)備上。當(dāng)打開一個(gè)activity的以后，如果有原生的橫向滑動(dòng)方法,需要原生支持方來來禁止?jié)L動(dòng),則可以通過這兩個(gè)方法來控制是否禁止原生的滑動(dòng)。對于IOS設(shè)備已經(jīng)通過阻止冒泡事件進(jìn)行控制,不需要再做控制。