快捷導(dǎo)航

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

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

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

el-date-picker與el-time-picker的時(shí)間格式設(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'"

傳給后臺(tái)的值用 value-format="yyyy-MM-dd" value-format="HH:mm"

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

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

注：使用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í)間格式設(shè)置的文章就介紹到這了,更多相關(guān)el-date-picker與el-time-picker時(shí)間格式內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

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