WTimedayRange - Documentation

Name

Type

Default value

Required?

Description

paddingStyle

Object

{v:2,h:15}

輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:2,h:15}

borderRadius

Number

30

輸入框圓角度數字，單位為px，預設30

shadow

Boolean

true

輸入是否為陰影模式，預設true

dayStart

String

''

輸入起始日期字串，預設''

dayEnd

String

''

輸入結束日期字串，預設''

between

String

'to'

輸入兩日期連接文字字串，預設'to'

icon

String

mdiClockOutline

輸入圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiClockOutline

iconSize

Number

24

輸入左側圖標大小，單位為px，預設24

iconColor

String

'deep-orange lighten-2'

輸入框外左側圖標顏色字串，預設'deep-orange lighten-2'

iconColorHover

String

'deep-orange lighten-1'

輸入滑鼠移入時框外左側圖標顏色字串，預設'deep-orange lighten-1'

iconColorFocus

String

'deep-orange lighten-1'

輸入取得焦點時框外左側圖標顏色字串，預設'deep-orange lighten-1'

iconTooltip

String

''

輸入圖標提示文字字串，預設''

iconShiftOuter

Number

-10

輸入左右側圖標與外框距離數字，單位為px，預設-10

iconShiftInner

Number

5

輸入左右側圖標與內插槽區距離數字，單位為px，預設5

backgroundColor

String

'white'

輸入背景顏色字串，預設'white'

backgroundColorHover

String

'white'

輸入滑鼠移入時背景顏色字串，預設'white'

backgroundColorFocus

String

'white'

輸入取得焦點時背景顏色字串，預設'white'

borderColor

String

'white'

輸入邊框顏色字串，預設'white'

borderColorHover

String

'white'

輸入滑鼠移入時邊框顏色字串，預設'white'

borderColorFocus

String

'white'

輸入取得焦點時邊框顏色字串，預設'white'

textFontSize

String

'0.85rem'

輸入文字大小字串，預設'0.85rem'

textColor

String

'black'

輸入文字顏色字串，預設'black'

pickColor

String

'deep-orange darken-1'

輸入日期彈窗中選擇指定日期之顏色字串，預設'deep-orange darken-1'

placementDistX

Number

0

輸入日期彈窗之水平向右平移數字，單位為px，預設0

placementDistY

Number

7

輸入日期彈窗之垂直向下平移數字，單位為px，預設7

textEmpty

String

'Select a date'

輸入尚未輸入日期之顯示文字字串，預設'Select a date'

editable

Boolean

true

輸入是否為編輯模式布林值，預設true

focused

Boolean

false

輸入是否為取得焦點狀態，預設false

Props

Name	Type	Default value	Required?	Description
`paddingStyle`	Object	`{v:2,h:15}`	No	輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:2,h:15}
`borderRadius`	Number	`30`	No	輸入框圓角度數字，單位為px，預設30
`shadow`	Boolean	`true`	No	輸入是否為陰影模式，預設true
`dayStart`	String	`''`	No	輸入起始日期字串，預設''
`dayEnd`	String	`''`	No	輸入結束日期字串，預設''
`between`	String	`'to'`	No	輸入兩日期連接文字字串，預設'to'
`icon`	String	`mdiClockOutline`	No	輸入圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiClockOutline
`iconSize`	Number	`24`	No	輸入左側圖標大小，單位為px，預設24
`iconColor`	String	`'deep-orange lighten-2'`	No	輸入框外左側圖標顏色字串，預設'deep-orange lighten-2'
`iconColorHover`	String	`'deep-orange lighten-1'`	No	輸入滑鼠移入時框外左側圖標顏色字串，預設'deep-orange lighten-1'
`iconColorFocus`	String	`'deep-orange lighten-1'`	No	輸入取得焦點時框外左側圖標顏色字串，預設'deep-orange lighten-1'
`iconTooltip`	String	`''`	No	輸入圖標提示文字字串，預設''
`iconShiftOuter`	Number	`-10`	No	輸入左右側圖標與外框距離數字，單位為px，預設-10
`iconShiftInner`	Number	`5`	No	輸入左右側圖標與內插槽區距離數字，單位為px，預設5
`backgroundColor`	String	`'white'`	No	輸入背景顏色字串，預設'white'
`backgroundColorHover`	String	`'white'`	No	輸入滑鼠移入時背景顏色字串，預設'white'
`backgroundColorFocus`	String	`'white'`	No	輸入取得焦點時背景顏色字串，預設'white'
`borderColor`	String	`'white'`	No	輸入邊框顏色字串，預設'white'
`borderColorHover`	String	`'white'`	No	輸入滑鼠移入時邊框顏色字串，預設'white'
`borderColorFocus`	String	`'white'`	No	輸入取得焦點時邊框顏色字串，預設'white'
`textFontSize`	String	`'0.85rem'`	No	輸入文字大小字串，預設'0.85rem'
`textColor`	String	`'black'`	No	輸入文字顏色字串，預設'black'
`pickColor`	String	`'deep-orange darken-1'`	No	輸入日期彈窗中選擇指定日期之顏色字串，預設'deep-orange darken-1'
`placementDistX`	Number	`0`	No	輸入日期彈窗之水平向右平移數字，單位為px，預設0
`placementDistY`	Number	`7`	No	輸入日期彈窗之垂直向下平移數字，單位為px，預設7
`textEmpty`	String	`'Select a date'`	No	輸入尚未輸入日期之顯示文字字串，預設'Select a date'
`editable`	Boolean	`true`	No	輸入是否為編輯模式布林值，預設true
`focused`	Boolean	`false`	No	輸入是否為取得焦點狀態，預設false