# gg-picker-datetime 日期时间选择框

gg-picker-datetime

日期时间选择框,一般和表单配合使用,默认为实心白色背景。

script 中引用组件

若使用uni-app的 easycom 引入方式,则无需在script中重复引用

import ggPickerDatetime from '@/components/gg-picker-datetime/gg-picker-datetime.vue'
export default {
    components: {ggPickerDatetime}
}
1
2
3
4

template 中使用组件

# 日期时间选择

 <gg-picker-datetime label="时间" v-model="formData.picker"   />
1
  • 从底部弹起的滚动选择器 | 日期选择器 mode = date 和 mode = time 组合
  • 本组件一般用于 日期时间选择

# 属性说明

属性名 类型 默认值 说明
label String - 字段名
placeholder String - 占位符
v-model String - 数据双向绑定
labelWidth Number 60 字段区域宽度,上下排列无效
layout String row 排列方式 ['row','col']
message String - 错误提示
messageDisplay Boolean false 错误提示是否显示
tip String - 提示
must Boolean false 是否必填
startDate String - 开始日期(YYYY-MM-dd)
endDate String - 结束日期(YYYY-MM-dd)
startTime String - 开始时间 (hh-mm)
endTime String - 结束时间 (hh-mm)

# 插件预览地址