摘要：已被移除過時(shí)的提醒時(shí)間的顏色。默認(rèn)當(dāng)日歷控件滑動(dòng)的時(shí)候是否實(shí)時(shí)更新日歷控件的位置主要是對(duì)部分低端機(jī)型做性能處理。返回當(dāng)前的時(shí)間調(diào)用該方法關(guān)閉日歷控件。年月日時(shí)分秒星期

引入文件:

./build/css/iantooDate.css
./build/js/iantooDate.js

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

iantoo.date()

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

[========]

ios 8.0+
Android 4.0+

type:string    默認(rèn) body    class | id

日歷控件被渲染的地方,element 。

type:string    默認(rèn) 當(dāng)前時(shí)間

yyyy-mm-dd hh:mm:ss  |  yyyy-mm-dd

初始化時(shí)間的,不設(shè)置為初始化系統(tǒng)當(dāng)前的時(shí)間。

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í)間

type:string    默認(rèn) "cn"    cn | en

選擇日歷的語(yǔ)言,支持中英文,默認(rèn)中文

type:string    默認(rèn) "UD"    UD | LR

日歷控件滾動(dòng)的方向,默認(rèn)縱向滾動(dòng),LR為橫向滾動(dòng);注:字母為大寫。

type:boolean    默認(rèn) true

是否顯示頭信息。

type:boolean    默認(rèn) true

是否顯示星期欄

遮罩層設(shè)置

mask.show

type:boolean    默認(rèn) true

是否顯示遮罩層。

mask.closePage

type:boolean    默認(rèn) true

點(diǎn)擊遮罩層是否關(guān)閉日歷控件。

type:number    默認(rèn) 0.3   0~1 

彈性值,是指滑動(dòng)的距離占整個(gè)日歷高度的百分比，超過一定百分比之后才可以滾動(dòng),否則彈回。

主題顏色配置

theme.selectGB

type:string    默認(rèn) 不同版本顏色值不同。

被選擇的某一天的背景顏色,設(shè)置方式可以是 十六進(jìn)制 #ff8800、rgb、rgba、最終以element.style.background = color的形式設(shè)置。

theme.selectFontColor

type:string    默認(rèn) #ffffff

被選擇的某一天的惡文字顏色,設(shè)置方式同theme.selectGB

theme.systemBG

type:string

系統(tǒng)對(duì)應(yīng)的時(shí)間背景顏色。

例如：今天的時(shí)間是2018-06-20,通過上面的參數(shù)date:"2018-06-22",那么06-22為選中的某一天,06-20為系統(tǒng)時(shí)間。當(dāng)選中的某一天雨系統(tǒng)時(shí)間重合時(shí)，會(huì)以選中的時(shí)間theme.selectGB優(yōu)先顯示。

theme.systemFontColor

type:string

系統(tǒng)時(shí)間對(duì)應(yīng)的文字顏色。

theme.overdueRemindingColor (已被移除)

type:string

過時(shí)的提醒時(shí)間的顏色。該效果之后再設(shè)置了提醒時(shí)間sign之后才會(huì)生效。

例如:

iantoo.date({
    el:".newCalendar",
    date:"2018-06-22",
    theme:{
        selectGB:"#33b5e5",
        overdueRemindingColor:"#ececec"
    },
    sign:["2018-06-21","2018-06-23"]
})

則當(dāng)前的初始化時(shí)間是2018-06-22,提醒時(shí)間中分別有2018-06-21 | 2018-06-23 ,21日是初始化時(shí)間之前的時(shí)間,為過期時(shí)間,提示的背景色會(huì)以theme.overdueRemindingColor的顏色顯示,23日為還未發(fā)生的提示,顏色背景則以theme.selectGB顯示。

type:boolean    默認(rèn) true

當(dāng)日歷控件滑動(dòng)的時(shí)候,是否實(shí)時(shí)更新日歷控件的位置,主要是對(duì)部分低端機(jī)型做性能處理。
核心代碼：禁用之后,主要是對(duì) touchmove事件不在監(jiān)聽和執(zhí)行渲染。

type:Array    默認(rèn) []    ["yyyy-mm-dd","yyyy-mm-dd"]

提醒事件,添加之后會(huì)在對(duì)應(yīng)的天下面添加一個(gè)圓點(diǎn)提醒。

`type:Function`    `callback : date,close`

點(diǎn)擊某一天的時(shí)候回調(diào)方法。

date：返回當(dāng)前的時(shí)間,
close：調(diào)用該方法關(guān)閉日歷控件。

使用方法：

iantoo.date({
    render:function(date,close){
        //....
        console.info(date)  // {Y: 2018, M: 6, D: 29}

        close()  //關(guān)閉日歷控件
    }
})

type:Function    callback : opction

每次打開日歷控件的時(shí)候調(diào)用一次。

iantoo.date({
    render:function(opction){
        /*
        {
            date:date,                 //初始化的時(shí)間
            systemDate:systemDate     //    系統(tǒng)時(shí)間
        }
        */
    }
})

type:Function    callback : date

每次滾動(dòng)日歷之后回調(diào),注:是指日歷發(fā)生了月份滾動(dòng),而不是被回彈回去。

date:當(dāng)前顯示的年、月

type:Function    callback : systemDate,close

點(diǎn)擊底部的查看今天按鈕回調(diào)方法。

systemDate:系統(tǒng)時(shí)間
close : 關(guān)閉日歷方法

type:Function

日歷控件被關(guān)閉 之后調(diào)用,沒有回調(diào)參數(shù)。

在頁(yè)面調(diào)用該方法會(huì)直接關(guān)閉日歷控件

傳入不同格式的時(shí)間可以轉(zhuǎn)換為如下的形式返回,入?yún)⑿问絽⒖?b>dayjs;通常YYYY-MM-DD | YYYY-MM-DD HH-MM-SS。傳入空會(huì)返回系統(tǒng)當(dāng)前時(shí)間。

return {
    Y:年,
    M:月,
    D:日,
    h:時(shí),
    m:分,
    s:秒,
    w:星期
}