更新记录

0.1.0(2023-07-20) 下载此版本

初始化


平台兼容性

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

基于uview的datetimePick时间选择器进行二次封装

组件名:ml-datetime

为了更方便的调用时间选择器,如果参数不足开发需求也可以进行修改

调用方法

<template>
    <view class="">
        <ml-datetime mode="datetime" :value="dataValue" placeholder="日期" @onConfirm="handleConfirm"></ml-datetime>
    </view>
</template>

<script>
    import mlDatetime from "@/components/ml-datetime/ml-datetime.vue"
    export default {
        data() {
            return {
                dataValue:""
            }
        },
        components:{
            mlDatetime
        },
        methods: {
            handleConfirm(val) {
                this.dataValue = val;
            }
        }
    }
</script>

<style>
</style>

组件参数

参数 注释
value 传过来的值(必传)
mode 年月日时分:datetime;年月日:date;年月:year-month;时分:time;(必传)
height 选择器的高度
placeholder 文本框的占位符,默认自带"请选择"
placeColor 文本框的占位符颜色
placeSize 文本框的占位符大小
color 文字颜色
size 文字大小
showIcon 是否显示向右图标,默认false(Boolean类型)
iconSize 图标大小
iocnPlaceColor 图标颜色(选中前)
iconColor 图标颜色(选中后)
itemHeight 弹出框单个选项的高度
title 弹出框标题
visibleItemCount 弹出框显示的行数,默认5行
closeOnClickOverlay 是否允许点击遮罩关闭选择器,默认false(Boolean类型)

事件

事件 说明
onConfirm 点击确定(回调时间参数)
onCancel -

隐私、权限声明

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

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

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

许可协议

MIT协议

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