1. 程式人生 > >Mint-UI時間元件起始時間問題

Mint-UI時間元件起始時間問題

在使用Mint-UI的時候,官方的demo是這樣的

<template>
  <mt-datetime-picker
    ref="picker"
    type="time"
    v-model="pickerValue">
  </mt-datetime-picker>
</template>

<script>
  export default {
    methods: {
      openPicker() {
        this.$refs.picker.open();
      }
    }
  };
</script>

       而起始時間預設是十年前的1月1日,但正常我們的需求都會是超過這個時間的,那我們怎麼來的自定義起始時間呢?我當時碰到這個需求,發現官方文件並沒有說明,百度一遍之後也沒有發現相關的文章。經過自己摸索,把自己的方法寫出來,給有需要同學參考一下。

       在mt-datetime-picker可以新增startDateendDatestartDate就是控制起始時間的,如果我們直接設定時間格式字串,例如2018-08-20,是不行的,程式碼會報錯。然後根據報錯的原因發現,傳入startDate的值必須是Date型別,所以需要在設定的時間前面加上new Date(設定的時間),這樣就可以了。