此元件為minui元件,可以用於單日、範圍選擇的日曆元件,支援自定義的日期內容,
名稱描述
預設值
enterdirection
入場方向vertical: 垂直
horizontal: 水平
vertical
locale
語言本地化,**載moment的語言包
zh-cn
title
標題日期選擇
type
選擇型別one: 單日
range: 日期區間
range
defaultdate
日曆表開始渲染的日期型別: (
date
orstring
)new date()
dateextra
日期擴充套件資料,型別為object
其中key 為yyyy-mm-dd
value項含:
- rtext:底部資料
- disable:禁止
- replace:正常情況下替換文字
- replace_selected:選中時替換文字
- replace_disable:禁止時替換文字
- tag:角標內容
{}
infiniteopt
無限滾動,true會忽略
initalmonths
引數false
initalmonths
初始化顯示月個數,顯示月份很多建議使用
infiniteopt
6
maxdate
最大可選日期null
mindate
最小可選日期null
rowsize
行大小normal
orxl
normal
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 ...