更新记录

2.0（2023-06-01） 下载此版本

修复时间错乱问题

1.1（2020-12-23） 下载此版本

修复日期错误问题

1.0（2020-11-16） 下载此版本

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

平台兼容性

作者说

有项目需要开发的请联系 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 },

方法介绍

事件

方法

参数说明