基於vue2.x的手機端日期挑選插件

現實需求中總會有一些輪子是須要本身造的，比方如今說的這個時候挑選插件，在網上找了很多都和UI的交互需求差一點，做完后發出來分享一下吧，假如以為不錯或許幫到你了請記得star

詳細是這個模樣的：

demo預覽點這裏

手機端掃碼

項目地點點這裏

怎樣運用

• npm insatll
• npm run dev
• 接見localhost

props

    showCalendar: {
      type: Boolean, //掌握顯現隱蔽
      default: false
    },
    options: {
      type: Object,
      default() {
        return {
          start: "", // 最先日期
          end: "", // 完畢日期
          maxDate: "12m", // 月份跨度
          startDate: "", // 默許選中的最先日期,
          endDate: "" // 默許選中的完畢日期
        };
      }
    },
    isDoubleCheck: {
      type: Boolean,//是不是雙選，false的話只能挑選一個時候
      default: true
    }

事宜

changeDate: 挑選勝利后的事宜 
            

事宜參數：

1. start：最先時候
2. end：完畢時候，假如沒選完畢時候，則最先時候=完畢時候

注重：

默許運用了better-scroll（滑動體驗） 和 fast-click（去除手機端點擊的300ms耽誤）兩個依靠，都是為了讓體驗更加好