快捷導航

el-date-picker與el-time-picker的時間格式設(shè)置代碼

更新時間：2023年11月10日 14:22:05 作者：SoporAeternus2022

這篇文章主要介紹了el-date-picker與el-time-picker的時間格式設(shè)置代碼,代碼簡單易懂,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧

el-date-picker與el-time-picker的時間格式設(shè)置

  <el-form-item label="Activity time">
        <el-col :span="8">
          <el-date-picker v-model="form.date1" :format="'yyyy-MM-DD'" value-format="yyyy-MM-dd" type="date" placeholder="Pick a date" style="width: 100%;" />
        </el-col>
        <el-col :span="3" class="line">-</el-col>
        <el-col :span="8">
          <el-time-picker v-model="form.date2" :format="'HH:mm'" value-format="HH:mm" type="fixed-time" placeholder="Pick a time" style="width: 100%;" />
        </el-col>
      </el-form-item>
      <el-form-item label="Is Active" prop="isActic">
        <el-switch v-model.trim="form.isActic" name="isActic"/>
      </el-form-item>

界面顯示使用:format="'yyyy-MM-DD'" :format="'HH:mm'"

傳給后臺的值用 value-format="yyyy-MM-dd" value-format="HH:mm"

el-date-picker如果沒有設(shè)置:format的話，有概率的會出現(xiàn)選擇日期后，控件上并沒有顯示出來

vue的elementui的時間控件如何設(shè)置輸出時間格式（el-date-picker：日期選擇器、日期時間選擇器）

注：使用value-format

<el-date-picker
                class="topfontstyle"
                v-model="listMain.time"
                type="daterange"
                value-format="yyyy-MM-dd HH:mm:ss"
                range-separator="至"
                start-placeholder="開始日期"
                end-placeholder="結(jié)束日期">
        </el-date-picker>

到此這篇關(guān)于el-date-picker與el-time-picker的時間格式設(shè)置的文章就介紹到這了,更多相關(guān)el-date-picker與el-time-picker時間格式內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

原生js實現(xiàn)自定義滾動條
這篇文章主要為大家詳細介紹了原生js實現(xiàn)自定義滾動條，可點擊、拖動到達，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-01-01
基于JS對象創(chuàng)建常用方式及原理分析
下面小編就為大家?guī)硪黄贘S對象創(chuàng)建常用方式及原理分析。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-06-06
4個值得收藏的Javascript技巧
這篇文章主要介紹了4個值得收藏的Javascript技巧，文章首先通過變量轉(zhuǎn)字符串展開主題詳情，需要的小伙伴可以參考一下
2022-07-07
一文詳解前端開源的canvas工具庫Fabric.js
Fabric.js是一個功能強大且操作簡單的Javascript HTML5 canvas 工具庫,這篇文章主要介紹了前端開源canvas工具庫Fabric.js的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2025-07-07
JavaScript實現(xiàn)生成動態(tài)表格和動態(tài)效果的方法詳解
這篇文章主要介紹了如何通過JavaScript語言實現(xiàn)動圖表格的生成以及動態(tài)效果的實現(xiàn)，文中的示例代碼講解詳細，感興趣的可以了解一下
2022-02-02
JS+CSS設(shè)置img在DIV中只顯示Img垂直居中的部分
img的寬和Div相同，但高不固定，要求只顯示Img垂直居中的部分，下面有個不錯的示例，感興趣的朋友可以參考下
2013-10-10
javascript中異常處理案例(推薦)
下面小編就為大家?guī)硪黄猨avascript中異常處理案例(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
JS判斷來路是否是百度等搜索索引進行彈窗或自動跳轉(zhuǎn)的實現(xiàn)代碼
這篇文章主要介紹了JS判斷來路是否是百度等搜索索引進行彈窗或自動跳轉(zhuǎn)的實現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下
2016-10-10
JavaScript中捕獲與冒泡詳解及實例
這篇文章主要介紹了JavaScript中捕獲與阻止捕獲、冒泡與阻止冒泡詳解及實例的相關(guān)資料,需要的朋友可以參考下
2017-02-02
JavaScript中輸出信息的方法(信息確認框-提示輸入框-文檔流輸出)
這篇文章主要介紹了JavaScript中輸出信息的方法(信息確認框-提示輸入框-文檔流輸出)的相關(guān)資料,需要的朋友可以參考下
2016-06-06