Options
All
  • Public
  • Public/Protected
  • All
Menu

Class VantDatetimePicker

VantDatetimePicker 日期时间组件

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Properties

DatetimePickerTitle

DatetimePickerTitle: string

日历标题

arrowDirection

arrowDirection: arrowDirectionType
箭头方向，可选值为 left up down

border

border: boolean

是否显示内边框

cancelText

cancelText: string

取消按钮文字

clearable

clearable: boolean

是否启用清除图标，点击清除图标后会清空输入框

colon

colon: boolean

是否在 label 后面添加冒号

confirmText

confirmText: string

确认按钮文字

css

css: VantDatetimePickerStyle

datetimePickerValue

datetimePickerValue: string

picker的id

filterScript

filterScript: string

选项过滤函数

formatterScript

formatterScript: string

选项格式化函数

inputAlign

inputAlign: TextAlign

输入框对齐方式，可选值为 center right

inputId

inputId: string

input的id

isLink

isLink: boolean

是否展示右侧箭头并开启点击跳转

isShowLabel

isShowLabel: boolean

是否显示label

itemHeight

itemHeight: String

选项高度

labelAlign

labelAlign: TextAlign

左侧文本对齐方式，可选值为 center right

labelCaption

labelCaption: string

label标题

labelWidth

labelWidth: Number

左侧文本宽度，默认单位为px

leftIcon

leftIcon: String

左侧图标名称或图片链接

onCancelScript

onCancelScript: string

点击取消按钮时触发的事件

onChangeScript

onChangeScript: string

当值变化时触发的事件

onConfirmScript

onConfirmScript: string

点击完成按钮时触发的事件

placeholder

placeholder: string

输入框占位文本

poppable

poppable: boolean

是否以弹层的形式展示

Private popupId

popupId: string

position

position: PositionType

弹出位置

readonly

readonly: boolean

只读

required

required: boolean

是否必填

rightIcon

rightIcon: String

右侧图标名称或图片链接

showToolbar

showToolbar: boolean
是否显示顶部栏

size

size: SizeType

控件大小。注：标准表单内的输入框大小限制为 large

type

type: DatetimePickerType

日历类型

verify

verify: string

校验规则

verifyText

verifyText: string

visibleItemCount

visibleItemCount: number

可见的选项个数

Methods

doGetClassName

  • doGetClassName(): any

  • Returns any

doGetCss

  • doGetCss(): VantDatetimePickerStyle

  • Returns VantDatetimePickerStyle

Protected doGetDateTimePopVueVModel

  • doGetDateTimePopVueVModel(): string

  • 定义一些默认的日期vmodel弹出窗字符串

    reutrn

    返回vmodel字符串

    Returns string

Protected doGetDateTimeVueVModel

  • doGetDateTimeVueVModel(): string

  • 定义一些默认的日期vmodel字符串

    reutrn

    返回vmodel字符串

    Returns string

doGetMethods

  • doGetMethods(): {} & { handleChange: any } & { handleCancel: any; handleClear: any; handleConfirm: any; handleUpdate: any }

  • vue 事件配置

    Returns {} & { handleChange: any } & { handleCancel: any; handleClear: any; handleConfirm: any; handleUpdate: any }

    返回配置的事件

Protected doGetVerifyElem

  • doGetVerifyElem(): JQuery<HTMLElement>

  • 提示校验信息的jquery 对象 子类可以覆盖该函数实现提交时候的"危险"的样式的挂接到组件的那个jquery对象

    Returns JQuery<HTMLElement>

Protected doGetVerifyTextElem

  • doGetVerifyTextElem(verifyText: any): string

  • 展示校验信息的dom节点 子类可以覆盖该函数实现提交时候的"危险"的样式的挂接到组件的那个jquery对象

    Parameters

    • verifyText: any

      提示的文字

    Returns string

Protected doGetVerifyTipsElem

  • doGetVerifyTipsElem(): JQuery<HTMLElement>

  • 设置数据校验的标志的jquery 对象 如 子类可以覆盖该函数 实现提交校验没有通过会把改jquery 对象变成"红色的框框"

    Returns JQuery<HTMLElement>

doGetVueData

  • doGetVueData(): object

Protected doGetVueDateTimeEvent

  • doGetVueDateTimeEvent(): string

  • 定义一些日期默认的事件

    reutrn

    返回事件定义的字符串

    Returns string

Protected doGetVueEvent

  • doGetVueEvent(): string

  • 定义一些默认的事件

    reutrn

    返回事件定义的字符串

    Returns string

Protected doGetVueHtml

  • doGetVueHtml(): string

  • 获取组件的html

    Returns string

Protected doGetVueVModel

  • doGetVueVModel(): string

  • 定义一些默认的vmodel字符串

    reutrn

    返回vmodel字符串

    Returns string

Protected doRenderCallback

  • doRenderCallback(): void

Protected doRenderComponentWidth

  • doRenderComponentWidth(): void

Protected doRenderLabel

  • doRenderLabel(): void

Protected doRenderPlaceholder

  • doRenderPlaceholder(): void

doVerify

  • doVerify(): boolean

  • 校验数据是否通过设置的校验规则

    Returns boolean

    true通过,则反之

getAttrEditors

  • getAttrEditors(): AttributeEditorBase[]

Protected getCanEdit

  • getCanEdit(): boolean

  • 组件是否可以编辑

    Returns boolean

getDate

  • getDate(time: any): Date

  • 得到日期的时间戳

    Parameters

    • time: any

    Returns Date

    返回字符串日期

getDatetimePickerElem

  • getDatetimePickerElem(): JQuery<HTMLElement>

  • Returns JQuery<HTMLElement>

getElemtHtml

  • getElemtHtml(): string

getFormatStrTime

  • getFormatStrTime(date: Date, str?: String): string

  • 得到日期，根据选择的日期格式化转为字符串赋值给input框

    Parameters

    • date: Date

      日期时间

    • Optional str: String

      日期时间间隔符号

    Returns string

    返回字符串日期

getInputElem

  • getInputElem(): JQuery<HTMLElement>

getValue

  • getValue(): any

  • 得到组件的值

    Returns any

    返回值

getVueAttrStr

  • getVueAttrStr(): string

getVueDateTimeAttrStr

  • getVueDateTimeAttrStr(): string

  • Returns string

raiseOnCancelScript

  • raiseOnCancelScript(val: any): void

  • 点击取消时触发

    Parameters

    • val: any

    Returns void

raiseOnChangeScript

  • raiseOnChangeScript(val: any): void

  • 当值变化时触发的事件

    Parameters

    • val: any

    Returns void

raiseOnConfirmScript

  • raiseOnConfirmScript(val: Date | Date[]): void

  • 点击并选中任意日期时触发

    Parameters

    • val: Date | Date[]

    Returns void

raiseOnfilterScriptScript

  • raiseOnfilterScriptScript(val: any): void

  • 选项过滤函数

    Parameters

    • val: any

    Returns void

raiseOnformatterScript

  • raiseOnformatterScript(val: any): void

  • 选项格式化函数

    Parameters

    • val: any

    Returns void

render

  • render(): void

  • Returns void

verifyTips

  • verifyTips(): void

  • 显示的提示校验信息 当 verifyText 非空时候显示"危险"的样式, 空则去除"危险"的样式

    Returns void

Generated using TypeDoc