其他組件：
移步至《手寫簽名》
使用方法
1.聲明組件
下載代碼扶歪，將components文件夾拷貝至項(xiàng)目根目錄（與app.json平級(jí)），在app.json中聲明需要使用的插件，這里的聲明是全局的，pages下的頁面都能直接用，也可以在某一個(gè)page對(duì)應(yīng)的json文件中單獨(dú)聲明。
{
"pages": [
"pages/demo/calendar"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
},
"usingComponents": {
"calendar": "/components/calendar/index"
},
"sitemapLocation": "sitemap.json"
}
*組件的名字可以自定義，如calendar可以改成calendar666勺择，頁面內(nèi)使用時(shí)保持一致即可。
2.使用組件
最簡(jiǎn)單的方式：
<calendar />
帶有一些默認(rèn)設(shè)置的方式
<calendar bindOnDayClick="onDayClick" days-style='{{daysStyle}}' />
3.可設(shè)置屬性
| 屬性名稱 | 類型 | 默認(rèn)值 | 說明 |
|---|---|---|---|
| mode | String | normal | 模式： normal:常規(guī)伦忠； picker: 下拉選取日期 pickerRange: 下拉選擇區(qū)間 |
| placeholder | String | 無 | 提示語 |
| title | String | xxx年x月 | 日歷標(biāo)題,如設(shè)定值省核，在月份切換時(shí)需要自己設(shè)置title值 |
| weekdays | Array | ['日', '一', '二', '三', '四1', '五', '六'] | 如自定義，數(shù)組長(zhǎng)度需為7 |
| language | String | ZH | 語言： ZH：中文 EN：英語昆码，不同語言气忠，年月和星期顯示不同 |
| selectedMode | String | round | 被選中日期背景模式： round：圓形 square方形 |
| showMoreMonths | Boolean | true | 是否顯示上下月份 |
| showMoreDays | Boolean | true | 是否顯示非本月日期 |
| year | Number | 當(dāng)前年份 | 年份 |
| month | Number | 當(dāng)前月份 | 月份，注意：此處值從1開始赋咽，1-12 |
| selectedDate | String | 當(dāng)天 | 被選中日期旧噪，格式y(tǒng)yyy-MM-DD |
| daysStyle | Array | 無 | 指定日期樣式數(shù)組，如：[{id: '2019-07-30',style: 'color: red;'}]會(huì)改變2019-07-30的日期顏色脓匿，此處是style淘钟，可以自由設(shè)置屬性，會(huì)改變整個(gè)單元格樣式 |
| dotDays | Array | 無 | 指定日期顯示標(biāo)記點(diǎn)陪毡，如：[ '2019-10-30'] |
| dotColor | String | red | 點(diǎn)顏色 |
| daysDesc | Array | 無 | 指定日期描述米母，如：[{id:"2021-08-22",desc:"訂滿",style:'color: #aaa; '},{id:"2021-08-23",desc:"可訂",style:'color: blue; '}] |
| disableDays | Array | 無 | 禁止點(diǎn)擊的日期勾扭，如：[ '2021-08-20'] |
4.監(jiān)聽事件
| 事件名稱 | 說明 |
|---|---|
| bindOnDayClick | 點(diǎn)擊某一天時(shí)觸發(fā)： event.detail為被點(diǎn)擊日期的Date對(duì)象 |
| bindOnRangeComplete | 范圍選擇完畢時(shí)觸發(fā)： event.detail為{begin:dateObj,end:dateObj} |
| bindOnMonthChange | 切換月份時(shí)觸發(fā)： event.detail為當(dāng)前月份第一天的Date對(duì)象 |
示例圖片：
常規(guī)模式使用示例.png
自定義日期樣式.png
日期范圍選擇.png
