成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

手機端簡潔日歷控件iantoo.week()

Wuv1Up / 2516人閱讀

摘要:主要是為了避免用戶修改了手機日歷之后,獲取的本地與服務(wù)器時間不統(tǒng)一可以通過獲取服務(wù)器時間進(jìn)行手動設(shè)置。日歷控件更新之后哦調(diào)用只有在調(diào)用了的時候才會被觸發(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+
預(yù)覽

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

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

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

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

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

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

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

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

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

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

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

false時禁止左右滾動,禁止?jié)L動之后不會在左右滑動,將不會觸發(fā)scrolltouchStartFuntouchEndFun方法。只有在兼容部分機型的時候才會調(diào)用。

theme

主題顏色

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

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

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

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

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

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

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

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

clickDate
非必填、function。

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

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

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

render
非必填、function。

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

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

    }
})

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

updataRender
非必填、function。

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

scroll
非必填、function。

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

touchStartFun
非必填、function。

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

touchEndFun
非必填、function

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

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

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/108109.html

相關(guān)文章

  • 一款基于移動日歷控件iantooDate

    摘要:已被移除過時的提醒時間的顏色。默認(rèn)當(dāng)日歷控件滑動的時候是否實時更新日歷控件的位置主要是對部分低端機型做性能處理。返回當(dāng)前的時間調(diào)用該方法關(guān)閉日歷控件。年月日時分秒星期 原文鏈接 使用 引入文件: ./build/css/iantooDate.css ./build/js/iantooDate.js 并在頁面上調(diào)用: iantoo.date() 詳細(xì)使用方法見page/iantooDat...

    liangzai_cool 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<