更新记录

1.0.0(2025-04-08) 下载此版本

发布


平台兼容性

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

xy-datetime

简介

日期时段选择器支持选择日期和自定义时段

调用示例

<view class="content">
    <xy-datetime ref='xy' @onChooseDatetime='onChooseDatetime' />
    <view class="result">
        <view>选中日期:{{curDate}}</view>
        <view>选中时段:{{curTime}}</view>
    </view>
</view>
import XyDatetime from '@/components/xy-datetime'
export default {
    components:{
        XyDatetime
    },
    data() {
        return {
            curDate:'',
            curTime:'',
        }
    },
    methods: {
        onChooseDatetime(e){
            this.curDate = e.date;
            this.curTime = e.timestr;
        }
    }
}

属性说明

属性名 类型 默认值 说明
timeList Array ['09:00-10:00','10:00-11:00','11:00-12:00','13:00-14:00','15:00-16:00','16:00-17:00'] 可选时段

事件说明

事件名 说明
onChooseDatetime 点击时段时触发,返回当前选中日期和时段, 如:{date: '2025-04-08', timestr: '11:00-12:00'}

Tips

  • 如果不能满足场景需求可自行更改组件源代码来满足需求

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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