1. 程式人生 > >mint-ui 時間選擇器Datetime Picker,預設不是當前時間,有一節空白。

mint-ui 時間選擇器Datetime Picker,預設不是當前時間,有一節空白。

使用了mint-ui,裡面的文件實在太簡略了,有許多方法和配置都沒有具體配置,要自己去摸索,實在是揪心。今天使用mint-ui的時間選擇器時預設有一節留白,看著不是很舒服。(類似下圖)


        <!-- 年月日時分選擇 -->
        <mt-datetime-picker
            ref="dataPicker"
            v-model="dataVal"
            type="date"
            year-format="{value} 年"
            month-format="{value} 月"
            date-format="{value} 日"
            hour-format="{value} 時"
            minute-format="{value} 分">
        </mt-datetime-picker>
       
        <!-- vue中data -->
        data () {
            return {
                dataVal: ''
            }
        }

解決方法是  在 vue data中 把picker 的時間預設為當前時間

     <!-- vue中data -->
        data () {
            return {
                dataVal: new Date()
            }
        }

設定了 new Date()之後就正常了,預設當前時間居中顯示。

卓越的雲端計算服務提供商,230萬+使用者正在享受阿里雲"穩定,安全,低成本"的產品服務,金牌服務:免費體驗,專業快速備案,7x24小時售後,伺服器只選阿里雲