element的el-date-picker組件實現(xiàn)只顯示年月日時分效果(不顯示秒)

更新時間：2024年08月28日 10:04:29 作者：阿wei程序媛

最近遇到這樣的需求使用element的el-date-picker組件,只顯示時分,不顯示秒,下面小編給大家分享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 日期選擇器默認(rèn)日期為當(dāng)天日期

1.設(shè)置默認(rèn)日期為當(dāng)前日期

 <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() {
    // 設(shè)置topAddForm.receiveTime為當(dāng)前日期
    this.formList.borrowDate = new Date().toISOString().substr(0, 10); 
}

到此這篇關(guān)于element的el-date-picker組件實現(xiàn)只顯示年月日時分不顯示秒的文章就介紹到這了,更多相關(guān)element el-date-picker組件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

vue2 自定義動態(tài)組件所遇到的問題
這篇文章主要介紹了vue2 自定義動態(tài)組件的實現(xiàn)方法,需要的朋友可以參考下
2017-06-06
Vue3動態(tài)組件component不生效問題解決方法
動態(tài)組件component是Vue中非常實用的一個功能,它可以根據(jù)條件動態(tài)切換不同的組件,在Vue3中使用方法和Vue2基本一致,在vue3使用component動態(tài)組件展示組件時,組件就是不展示顯示空白,所以本文記錄了Vue3動態(tài)組件component不生效問題解決方法,需要的朋友可以參考下
2024-08-08
vue h5移動端禁止縮放代碼
今天小編就為大家分享一篇vue h5移動端禁止縮放代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-10-10
vue 如何獲取視頻第一幀
這篇文章主要介紹了vue 如何獲取視頻第一幀，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-10-10
Vue響應(yīng)式原理及雙向數(shù)據(jù)綁定示例分析
這篇文章主要為大家介紹了Vue響應(yīng)式原理及雙向數(shù)據(jù)綁定的示例分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-07-07
vue中獲取滾動table的可視頁面寬度調(diào)整表頭與列對齊(每列寬度不都相同)
這篇文章主要介紹了vue中獲取滾動table的可視頁面寬度，調(diào)整表頭與列對齊(每列寬度不都相同),需要的朋友可以參考下
2019-08-08
五分鐘帶你快速了解vue的常用實例方法
最近項目中又使用了vue,所以來給大家總結(jié)下,下面這篇文章主要給大家介紹了關(guān)于vue的常用實例方法,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
2022-09-09
基于Vue3和element-plus實現(xiàn)登錄功能(最終完整版)
這篇文章主要介紹了基于Vue3和element-plus實現(xiàn)一個完整的登錄功能,本文結(jié)合示例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-03-03
vue中選中多個選項并且改變選中的樣式的實例代碼
這篇文章主要介紹了vue中選中多個選項并且改變選中的樣式，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2020-09-09
vue與iframe之間的交互方式(一看就會)
這篇文章主要介紹了vue與iframe之間的交互方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-09-09