更新记录

1.0.0（2024-07-18） 下载此版本

1.0.0版本上传，插件功能完整可使用。

平台兼容性

uni-app

uni-app x

日历日期选择插件

此插件为日历选择日期组件，在一个日历组件中可以选择你需要的日期，支持单选或者多选，具体效果可查看效果图

兼容app端、小程序端等等...

1. 引入组件

   import CalendarSelectDialog from "./calendar-select-dialog.vue";//注意组件存放路径

2. 注册组件

   2-1. 在单个页面中加载使用

   components:{
        CalendarSelectDialog
   }
   

   2-2. 全局挂载使用

       // main.js中全局挂载，然后在项目中全局可使用
       import Vue from 'vue'
       import feiDragItem from "@/components/date-select-dialog.vue";//注意组件路径
       Vue.component("fei-drag-item",feiDragItem)
   

3. 完整示例

   
       <template>
           <view class="content">
               <calendar-select-dialog v-if="selectDateShow"  :defaultDate="defaultDate"
                       @close="selectDateShow=false" @confirm="confirmDate"></calendar-select-dialog>
           </view>
       </template>
   
       <script>
           export default {
               data() {
                   return {
                       selectDateShow:true,
                       defaultDate:"",
                   }
               },
               methods: {
                   dateChange(val){
                       console.log(val);
                       this.defaultDate = `${val.year}-${val.month}-01 00:01:01`;
                   },
                   confirmDate(val){
                       console.log(val);
                   }
               }
           }
       </script>
   

4. 传参使用