小程式日曆選擇元件

2021-09-13 17:57:16 字數 1599 閱讀 1007

此元件為

minui元件,可以用於單日、範圍選擇的日曆元件,支援自定義的日期內容,

名稱描述

預設值enterdirection入場方向

vertical: 垂直

horizontal: 水平

vertical

locale語言本地化,

**載moment的語言包

zh-cn

title標題

日期選擇

type選擇型別

one: 單日

range: 日期區間

range

defaultdate日曆表開始渲染的日期

型別: (dateorstring)

new date()

dateextra日期擴充套件資料,

型別為object

其中key 為yyyy-mm-dd

value項含:

- rtext:底部資料

- disable:禁止

- replace:正常情況下替換文字

- replace_selected:選中時替換文字

- replace_disable:禁止時替換文字

- tag:角標內容

{}infiniteopt無限滾動,

true會忽略

initalmonths引數

false

initalmonths初始化顯示月個數,

顯示月份很多建議使用infiniteopt6

maxdate最大可選日期

null

mindate最小可選日期

null

rowsize行大小normalorxlnormal

defaultvalue預設值,陣列

color主色調

#068eef

fontcolor文字色調

#ffffff

calendar【methods】

名稱描述

show【說明】顯示calendar

【params】void

【return】void

hide【說明】隱藏calendar

【params】void

【return】void

拖拽選擇區域日曆元件

最近做了乙個專案,其中有個需求是拖拽進行時間選擇,並能把相鄰時間進行合併顯示,仔細研究了一下,覺得有必要做一下記錄,因為這種元件好像並不多 實現效果如下 使用方式 1.安裝元件 npm install wkdatepick 或 yarn add wkdatepick2.引用 其中curdatelis...

小程式日曆表

頁面 取消確定 年 月 js component 元件的初始資料 data lifetimes detached function 元件的方法列表 methods 確認選擇 sure function e 展示彈框 show function e 滑動更改 bindchange function e...

乙個日曆小程式

include define sunday 0 define monday 1 define tuesday 2 define wednesday 3 define thursday 4 define friday 5 define saturday 6 void giveinstructions ...