更新记录

2.0(2023-06-01) 下载此版本

修复时间错乱问题

1.1(2020-12-23) 下载此版本

修复日期错误问题

1.0(2020-11-16) 下载此版本

日期选择器 时间选择器 年月日 上线了

查看更多

平台兼容性

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

作者说

有项目需要开发的请联系 QQ:371524845 微信:jp99ww

本团队人员配备齐全,定会让君满意而归 开发不易,如果帮助到你的,请支持 有问题请留言,作者会积极更新

使用方法

基础用法

  <template>
    <view class="content">
        <view class="cell" @click="selectDatePicker">
            <view class="cell-title " >
                {{detail}}
            </view>
            <view class="cell-title">
                {{dateString}}
            </view>
        </view>
        <jpTimePicker ref='date-time' :datestype="type" :datestring='dateString' @change='dateTimeChange'></jpTimePicker>
    </view>
</template>
    import jpTimePicker from '@/components/jp-timePicker/jp-timePicker.vue'
    export default {
        components: {
            jpTimePicker
        },
        data() {
            return {
                dateString: '',
                type: 'year',
                title: '展示时间',
                detail: '请选择年'

            }
        },
        computed: {},
        methods: {
            selectDatePicker() {
                this.$refs['date-time'].show();
            },
            dateTimeChange(value) {
                this.dateString = value
            }
        }
    }

引入方法

<jpTimePicker ref='date-time' :datestype="type" :datestring='dateString' @change='dateTimeChange'></jpTimePicker>
import jpTimePicker from '@/components/jp-timePicker/jp-timePicker.vue'
components: { jpTimePicker },

方法介绍

事件

事件名 返回参数 说明
@change value 选择的时间

方法

方法名 说明
show 开启选择弹框
hide 关闭选择弹框

参数说明

参数名 类型 默认值 说明
datestring String 初始值
startYear String 1900 可以选择的开始日期
endYear String 当前日期 可以选择的结束日期
datestype String year 初始选择日期选择类型(year:年 year-month:年月 date:年月日)

隐私、权限声明

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

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

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

许可协议

MIT协议

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