摘要：已被移除過時的提醒時間的顏色。默認當日歷控件滑動的時候是否實時更新日歷控件的位置主要是對部分低端機型做性能處理。返回當前的時間調用該方法關閉日歷控件。年月日時分秒星期

引入文件:

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

并在頁面上調用:

iantoo.date()

詳細使用方法見page/iantooDate/index.html

[========]

ios 8.0+
Android 4.0+

type:string    默認 body    class | id

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

type:string    默認 當前時間

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

初始化時間的,不設置為初始化系統當前的時間。

type:string 默認系統時間

yyyy-mm-dd hh:mm:ss  |  yyyy-mm-dd  | 時間戳

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

type:string    默認 "cn"    cn | en

選擇日歷的語言,支持中英文,默認中文

type:string    默認 "UD"    UD | LR

日歷控件滾動的方向,默認縱向滾動,LR為橫向滾動;注:字母為大寫。

type:boolean    默認 true

是否顯示頭信息。

type:boolean    默認 true

是否顯示星期欄

遮罩層設置

mask.show

type:boolean    默認 true

是否顯示遮罩層。

mask.closePage

type:boolean    默認 true

點擊遮罩層是否關閉日歷控件。

type:number    默認 0.3   0~1 

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

主題顏色配置

theme.selectGB

type:string    默認 不同版本顏色值不同。

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

theme.selectFontColor

type:string    默認 #ffffff

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

theme.systemBG

type:string

系統對應的時間背景顏色。

例如：今天的時間是2018-06-20,通過上面的參數date:"2018-06-22",那么06-22為選中的某一天,06-20為系統時間。當選中的某一天雨系統時間重合時，會以選中的時間theme.selectGB優先顯示。

theme.systemFontColor

type:string

系統時間對應的文字顏色。

theme.overdueRemindingColor (已被移除)

type:string

過時的提醒時間的顏色。該效果之后再設置了提醒時間sign之后才會生效。

例如:

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

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

type:boolean    默認 true

當日歷控件滑動的時候,是否實時更新日歷控件的位置,主要是對部分低端機型做性能處理。
核心代碼：禁用之后,主要是對 touchmove事件不在監聽和執行渲染。

type:Array    默認 []    ["yyyy-mm-dd","yyyy-mm-dd"]

提醒事件,添加之后會在對應的天下面添加一個圓點提醒。

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

點擊某一天的時候回調方法。

date：返回當前的時間,
close：調用該方法關閉日歷控件。

使用方法：

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

        close()  //關閉日歷控件
    }
})

type:Function    callback : opction

每次打開日歷控件的時候調用一次。

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

type:Function    callback : date

每次滾動日歷之后回調,注:是指日歷發生了月份滾動,而不是被回彈回去。

date:當前顯示的年、月

type:Function    callback : systemDate,close

點擊底部的查看今天按鈕回調方法。

systemDate:系統時間
close : 關閉日歷方法

type:Function

日歷控件被關閉 之后調用,沒有回調參數。

在頁面調用該方法會直接關閉日歷控件

傳入不同格式的時間可以轉換為如下的形式返回,入參形式參考dayjs;通常YYYY-MM-DD | YYYY-MM-DD HH-MM-SS。傳入空會返回系統當前時間。

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