欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于element-ui日期時(shí)間選擇器選不中12小時(shí)以后的時(shí)間詳解

 更新時(shí)間：2022年08月11日 10:57:45   作者：愛劃水de鯨魚哥  
在之前做個(gè)一個(gè)組件頁面中,引用了element-ui組件的日期選擇器,遇到的一個(gè)小問題,下面這篇文章主要給大家介紹了關(guān)于element-ui日期時(shí)間選擇器選不中12小時(shí)以后時(shí)間的相關(guān)資料,需要的朋友可以參考下

前言

最近在工作中用到了element-ui的el-date-picker日期時(shí)間選擇器，遇到了一個(gè)小問題，設(shè)置完自定義完時(shí)間格式后選不中12小時(shí)以后的時(shí)間。甚是苦惱，最后發(fā)現(xiàn)是設(shè)置的時(shí)間格式有取值范圍。雖然不是什么大問題，但是不細(xì)心很容易掉坑，所以總結(jié)分享出來給大家避坑。

自定義完時(shí)間格式

在el-date-picker標(biāo)簽上設(shè)置value-format屬性，可以設(shè)置時(shí)間格式。

  <el-date-picker
      value-format="yyyy-MM-dd hh:mm:ss"
  </el-date-picker>

使用el-date-picker日期時(shí)間選擇器，修改時(shí)間格式幾乎是必要的。但修改時(shí)間格式要注意一下對(duì)應(yīng)的取值范圍。

通常我們最后的格式就是這樣的：

yyyy-MM-dd hh:mm:ss是12小時(shí)制

但是，要注意，自定義時(shí)間日期格式為yyyy-MM-dd hh:mm:ss是12小時(shí)制的，也就是后選不中12:00以后時(shí)間的。

如圖所示：選擇14點(diǎn)后變?yōu)?點(diǎn)。

各格式的取值范圍：

yyyy-MM-dd HH:mm:ss才是24小時(shí)制

如圖所知，yyyy-MM-dd hh:mm:ss格式時(shí)12小時(shí)制，要使用24小時(shí)制應(yīng)該使用yyyy-MM-dd HH:mm:ss格式。

value-format屬性修改為yyyy-MM-dd HH:mm:ss格式，即可選中12小時(shí)之后的時(shí)間。

示例代碼：

<div class="block">
  <el-date-picker
      v-model="plan.runTime"
      type="datetime"
      value-format="yyyy-MM-dd HH:mm:ss"
      placeholder="選擇日期時(shí)間">
  </el-date-picker>
</div>

結(jié)語

到此這篇關(guān)于element-ui日期時(shí)間選擇器選不中12小時(shí)以后的時(shí)間的文章就介紹到這了,更多相關(guān)element-ui日期時(shí)間選擇器選不中內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論