移動端網頁輕量級日期控制元件LCalenda
為了避免某天被掛掉這裡我也上傳了檔案，下載地址

（所用專案：9dian9/aicc-dianxin）
這裡僅記錄一下在vue-cli裡的使用：

<!--from applyList.vue-->
<template>
<input type="text" name="start_date" id="start_date" placeholder="開始日期" readonly="readonly" v-model="createTimeBegin"/>
<input type="text" name
 
="end_date" id="end_date" placeholder="結束日期" readonly="readonly" v-model="createTimeEnd"/>
</template>
<script>
import '@/css/LCalendar.min.css'
import '@/utils/LCalendar.min.js'
export default {
  data() {
    return {
      createTimeBegin: null,
      createTimeEnd: null,               
    }
 

  },
  mounted(){
    this.initDate()
  },
  methods: {
    initDate(){
      var calendar = new LCalendar();
      calendar.init({
        'trigger': '#start_date', //標籤id
        'type': 'date', //date 調出日期選擇 datetime 調出日期時間選擇 time 調出時間選擇 ym 調出年月選擇,
        'minDate': (new Date().getFullYear()-3) + '-'
 
 + 1 + '-' + 1, //最小日期
        'maxDate': (new Date().getFullYear()+3) + '-' + 12 + '-' + 31 //最大日期
      });
      var calendar = new LCalendar();
      calendar.init({
        'trigger': '#end_date', //標籤id
        'type': 'date', //date 調出日期選擇 datetime 調出日期時間選擇 time 調出時間選擇 ym 調出年月選擇,
        'minDate': (new Date().getFullYear()-3) + '-' + 1 + '-' + 1, //最小日期
        'maxDate': (new Date().getFullYear()+3) + '-' + 12 + '-' + 31 //最大日期
      });
    },
  }
}
</script>

這樣每次在改變了日期後，查詢時可以通過this.createTimeBegin和this.createTimeEnd獲取選擇的日期進行後續操作。