element的el-date-picker組件實現(xiàn)只顯示年月日時分效果(不顯示秒)
element的el-date-picker組件實現(xiàn)只顯示年月日時分效果(不顯示秒)
需求:使用element的el-date-picker組件,只顯示時分,不顯示秒
效果:
解決方法:
<el-date-picker v-model="ruleForm.startTime" type="datetime" placeholder="開始時間" format="yyyy-MM-dd HH:mm" @change="beginDateChange" > </el-date-picker>
重點:format="yyyy-MM-dd HH:mm"
補充:
el-date-picker 日期選擇器默認日期為當天日期
1.設置默認日期為當前日期
<el-form-item prop="borrowDate"> <el-date-picker type="date" placeholder="選擇日期" :disabled="disabledS" v-model="formList.borrowDate" :picker-options="expireTimeOption" style="width: 100%" ></el-date-picker> </el-form-item> </el-descriptions-item> formList: { borrowDate: null,//日期 }, created() { // 設置topAddForm.receiveTime為當前日期 this.formList.borrowDate = new Date().toISOString().substr(0, 10); }
到此這篇關于element的el-date-picker組件實現(xiàn)只顯示年月日時分不顯示秒的文章就介紹到這了,更多相關element el-date-picker組件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
Vue3動態(tài)組件component不生效問題解決方法
動態(tài)組件component是Vue中非常實用的一個功能,它可以根據(jù)條件動態(tài)切換不同的組件,在Vue3中使用方法和Vue2基本一致,在vue3使用component動態(tài)組件展示組件時,組件就是不展示顯示空白,所以本文記錄了Vue3動態(tài)組件component不生效問題解決方法,需要的朋友可以參考下2024-08-08vue中獲取滾動table的可視頁面寬度調(diào)整表頭與列對齊(每列寬度不都相同)
這篇文章主要介紹了vue中獲取滾動table的可視頁面寬度,調(diào)整表頭與列對齊(每列寬度不都相同),需要的朋友可以參考下2019-08-08基于Vue3和element-plus實現(xiàn)登錄功能(最終完整版)
這篇文章主要介紹了基于Vue3和element-plus實現(xiàn)一個完整的登錄功能,本文結(jié)合示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-03-03