更新记录

1.2.6(2024-04-15)

ui调整

1.2.5(2023-12-08)

bug修复

1.2.4(2023-12-08)

新增上午下午选择

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue app-nvue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

datetime-picker 日期时间选择器

组件名:h-datetime-picker 代码块: <h-datetime-picker></h-datetime-picker> 关联组件:uni-popup uni-icons

属性说明

参数 说明 类型 默认值
params 需要显示的日期格式 Object {year: true,month: true,day: true,hour: false,minute: false,second: false,timestamp: true,}
defaultTime 默认显示的时间(默认为当前时间) String ''
startYear 年份开始时间 String,Number 1950
endYear 年份结束时间 String,Number 2050
endMonth 月份结束时间 String,Number 12
optionMode 自定义时间选择栏顶部快捷时间段选择类型,可选值:month(月)、day(天) String month
mode 选择器模式 all(显示月份选择以及时间段选择)、single(仅显示单月份选择)、multiple(仅显示时间段选择) String all
startTime 默认起始日期 仅在mode='multiple'时生效 例如:2022-5-18 12:00 String ''
endTime 默认截止日期 仅在mode='multiple'时生效 例如:2023-5-18 12:00 String ''
@reset 点击重置回调 Handler
@confirm 点击确定回调 Handler

@confirm返回说明(对应params)

单日期(时间)选择

参数 说明 类型
year String
month String
day String
hour String
minute String
second String
timestamp 时间戳 Number

时间段选择

参数 说明 类型
start_time 起始时间 格式与上一致 Object
end_time 截至时间 格式与上一致 Object

示例

<template>
    <view>
        <h-datetime-picker ref="pickerDate" @reset="reset" @confirm="confirm"></h-datetime-picker>
    </view>
</template>
<script>
    export default {
        methods: {
            //打开选择器
            open() {
                this.$refs.pickerDate.open()
            },
            reset(){
                console.log('点击了重置');
            },
            confirm(e){
                console.log('点击了确定',e);

            }
        }
    }
</script>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问