更新记录

1.0.2（2025-09-05） 下载此版本

20250905：添加效果图，添加使用说明

1.0.0（2025-09-05） 下载此版本

1.0.0

平台兼容性

uni-app(4.76)

RJ-myDatePicker

本插件是一个通用组件，日期选择器，用于现在年、月、日。 本插件使用说明，年份列表将根据选定年份自动修改，也可以手动输入年份，按下回车键后， 年份自动更新。

需要依赖

npm install @vueuse/core

使用说明

1、导入组件

import myDatePicker from '@/uni_modules/RJ-myDatePicker/components/RJ-myDatePicker/RJ-myDatePicker.vue'

2、使用组件

<view>
    <myDatePicker
        :title="选择日期"
        :range="10"
        :value="selectedDate"
        @onConfirm="confirmClick"
        @onCancel="cancelClick"
    ></myDatePicker>
</view>

说明

• title是标题栏，可以自定义
• range是年份列表的范围，即选定年份的前、后范围，默认为10，可修改
• value是组件的初始值，需要自定义变量，如下：

  data() {
  return {
      title: 'Hello',
      selectedDate:{
          year:0,
          month:0,
          day:0
      }
  }
  },

• onConfirm是确定按钮的触发事件，确定按钮会传递参数，如下：

  methods: {
  confirmClick(data){
      this.selectedDate.year = data.year
      this.selectedDate.month = data.month
      this.selectedDate.day = data.day
  }
  }

• onCancel是取消按钮的触发事件