移動端js時間選擇多功能插件；支持 單選，多選，時間范圍，指定時間選擇，不可選時間。
1、介紹
移動端-時間選擇多功能插件；支持 單選，多選，時間范圍，指定時間選擇，不可選時間
2、使用說明
引入默認ES6版本：
<script src="./js/dateMultiFunc.js"></script>
ES5版本：
<script src="./js/dateMultiFunc-es5.js"></script>
使用:
js
let dateMulti = new dateMultiFunc({
minTime: 1,
maxTime: 1,
isShow: true,
type: 1,
cancelFunc: () => {
// 取消
console.log("取消")
},
confirmFunc: (res) => {
// 確認
console.log(res)
}
});Date 問題（注意）ie內(nèi)核瀏覽器，時間格式請使用 "/" 和 "."，并寫全年月日，最好不要用其他格式的時間，其他格式?jīng)]優(yōu)化
3、參數(shù)說明
| 參數(shù)名 | 參數(shù)作用 | 參數(shù)類型 | 默認值 | 描述/注意 |
| type | 類型 | Number | 0 | 0:單選 1:多選 2:時間范圍 |
| position | 彈出位置 | String | bottom | bottom, center, to |
| radius | 圓角 | Number \| Array | 0 | 同css的border-radius |
| color | 全局文字顏色 | color | #333333 | 顏色值 |
| background | 內(nèi)容的背景顏色 | color | #ffffff | 顏色值 |
| opacity | 遮罩的透明度 | Number | 0.7 | 0-1 |
| selectBg | 選中時間的背景顏色 | color | #409EFE | 顏色值 |
| selectColor | 選中時間的文字顏色 | color | #ffffff | 顏色值 |
| selectRadius | 選中時間的圓角 | Number | 100 | 0 - 100，百分比；如果設(shè)置了文本，那么 圓角最大 10% |
| tranBg | 過渡背景顏色 | color | #A0CFFF | 顏色值，type為2有效，選擇的開始和結(jié)束時間之間的元素的背景顏色 |
| tranColor | 過渡文字顏色 | color | #333333 | 顏色值，type為2有效，選擇的開始和結(jié)束時間之間的元素的文字顏色 |
| title | 標題 | String | 選擇時間 | #VALUE! |
| isCancel | 是否不顯示取消按鈕 | Boolean | FALSE | true,false |
| cancelText | 取消按鈕文案 | String | 取消 | - |
| confirmText | 確認按鈕文案 | String | 確認 | - |
| backFormat | 返回時間格式 | String | . | 返回時間的拼接字符 |
| isShow | 是否初始化完成就自動顯示 | Boolean | FALSE | true,false |
| appointTime | 指定可選日期 | Array | [] | type 0 1 有效，字符串數(shù)組 和 json數(shù)組(可帶上文本) 列:["2022.7.1","2020.7.3"] [{date:"2022.7.1"},{date:"2022.7.2"}] |
| appointOn | 指定不可選日期 | Array | [] | 同上 |
| minTime | 可選最小時間 | Number \| String | "" | Number：表示年數(shù)，默認時間的多少年前。<br/>String：不寫天數(shù)，表示當月1號 |
| maxTime | 可選最大時間 | Number \| String | "" | 同上 |
| defaultYears | 默認打開顯示的年月 | String \| Date | "" | 時間字符串 或 時間 |
| cancelFunc | 取消回調(diào) | function | () => { } | cancelFunc: () => {console.log("取消")} |
| confirmFunc | 確認回調(diào) | function | (res) => { } | confirmFunc: (res) => {console.log("確認")}，詳見 res值 |
res值
res為數(shù)組數(shù)據(jù)，如果 type為2，返回的是 json數(shù)據(jù)
js
// type = 2時，res值
endTime:{},//結(jié)束時間
statrTime:{},//開始時間| 字段名 | 描述 |
| year | 年份 |
| month | 月份 |
| day | 日 |
| time | 時間字符串，根據(jù) backFormat 參數(shù)拼接， 如："2022.7.4" |
| timestamp | 時間戳（ms） |
| text | 文本 |
4、可用方法
1. 顯示方法 ： `show()`
2. 銷毀方法 ： `destroy()`
列子
js
let dateMulti = new dateMultiFunc(); dateMulti.show(); dateMulti.destroy();
