uview的时间选择器怎么用
时间: 2023-06-01 08:05:14 浏览: 143
UView 时间选择器源代码修改,增加可选‘年’、‘年-月-日-时’的功能更
时间选择器在 uView 前端框架中的用法如下:
1. 导入 uView 时间选择器组件:
import { uniPopup } from 'uview-ui'
2. 在代码中调用时间选择器组件:
uniPopup.showDatePicker({
// 时间范围,支持多种时间格式,如下:
// 1. ['2010-01-01', '2022-12-12'] 此时表示在 2010-01-01 至 2022-12-12 时间范围内选择日期
// 2. ['-18y', '0'] 当前时间减去 18 年至当前时间内选择日期
// 3. ['8y', '18y'] 当前时间加上 8 年至当前时间加上 18 年内选择日期
dateRange: ['2010-01-01', '2022-12-12'],
// 选择器标题
title: '请选择日期',
// 选择器类型,支持 'date' 日期选择和 'time' 时间选择
pickerType: 'date',
// 默认选中日期,格式为 'YYYY-MM-DD HH:mm:ss'
defaultDate: '2022-12-12 12:12:12',
// 是否显示顶部操作栏,如取消、确定按钮等
showConfirmBar: true,
// 确认按钮文本,默认为 '确定'
confirmText: 'OK',
// 取消按钮文本,默认为 '取消'
cancelText: 'Cancel',
// 是否允许点击背景关闭选择器
backdrop: false,
// 选择器回调函数,会返回选中的日期
success: function (res) {
console.log(res)
}
})
以上就是 uView 时间选择器的基本使用方法,希望能帮助到您。
阅读全文