更新记录

V2.0.3（2023-03-30）

修改获取当前时间小时索引错误问题

V2.0.2（2023-03-29）

修改BUG。感谢评论区【144***@qq.com】

V2.0.1（2023-03-23）

修改案例展示

平台兼容性

s-popup-pickerTime

日期选择组件

基本用法

将s-popup-picker文件夹复制到components文件夹中,import+components引入。

<template>
    <view class="content">
        <view>当前日期时间格式为:{{dateParms}}</view>
        <input @focus="showPicker" placeholder="默认格式yyyy-MM-dd" :value="value" />
        <sDatePicker ref="datePicker" @confirm="saveDate" :defaultValue="value" :showClearBtn="true" :type="dateParms" :YearInterval="YearInterval"></sDatePicker>
    </view>
</template>

<script>
    import sDatePicker from '@/components/s-popup-picker/s-popup-picker.vue';
    export default {
        data() {
            return {
                dateParms: 'yyyy-MM-dd',
                value:"",
                YearInterval:[10,1]
            }
        },
        onLoad() {

        },
        components:{
            sDatePicker
        },
        methods: {
            showPicker(){
                this.$refs.datePicker.show();
            },
            saveDate(e) {
                //日期选择器【确认】事件
                console.log(e)
                this.value = e;
            }
        }
    }
</script>

Events