ElementUI的DatePicker多個日期選擇器預設沒有選中樣式的問題
背景
在使用vue+element開發的時候由於專案需要,需要使用element日期選擇器裡面的支援多選以及跳選的日期選擇器。
就是這貨:
code:
<el-date-picker v-model="value13" type="dates">
</el-date-picker>
它可以支援跳選,還是一個比較實用的日期選擇器:
問題
在使用過程中發現一個很蛋疼的問題,該日期選擇器並不會按照預想的點選之後將預設填充的日期選中:
解決
歷經千辛萬苦無法解決,只好去官方GitHub提issue,很快得到回覆。原來因為dates的取值是每一天的0點整,傳入的預設值是當前時間,與0點不同 所以沒有應用選中樣式,如果要預設選擇當天,預設值請設定為 new Date(new Date().setHours(0,0,0,0))。
code:
data() {
return {
value13: [new Date(new Date().setHours(0,0,0,0))]
};
}
這樣就行了!
相關推薦
ElementUI的DatePicker多個日期選擇器預設沒有選中樣式的問題
背景 在使用vue+element開發的時候由於專案需要,需要使用element日期選擇器裡面的支援多選以及跳選的日期選擇器。 就是這貨: code: <el-date-picker v-model="value13" type="dates"> <
css 中多個class選擇器的詳解
ml中: <div class="containerA"> 這是AAAAAAAAAAAAAAAAAAAAAAA樣式 <div class="containerB"> 這是BBBBBBBBBBBBBBBBBBBBBB樣式 </
CSS一個元素同時使用多個類選擇器(class selector)
一個元素同時使用多個類選擇器 CSS中類選擇器用點號表示。實際專案中一個div元素為了能被多個樣式表匹配到(樣式複用),通常div的class中由好幾段組成,如<div class="user login">能被.user和.login兩個選擇器選中。如果這兩個
layui 多個日期文字框選擇日期的方法
這些都是動態增加只有layui版本是1.0.9才可以這樣子。方法:<input type='text' name='starttime[]' class='layui-input' style='
時間、日期選擇器【安卓3】
ear hour getc enable pic style min 判斷 eight TimePicker(時間選擇器) 方法 描述 Integer getCurrentHour () 返回當前設置的小時 Integer getCurren
Android的日期選擇器
pick mon 註意 cells cin 12月 判斷 void 選擇 TimePicker(時間選擇器) 方法 描述 Integer getCurrentHour () 返回當前設置的小時 Integer getCurrentMinute
jQuery UI 日期選擇器(Datepicker)
jquery ui next ext style cti cto log href region 設置JqueryUI DatePicker默認語言為中文 <!doctype html><html lang="en"> <head&g
Android零基礎入門第57節:日期選擇器DatePicker和時間選擇器TimePicker
oncreate ted show imageview bce min date 教程 運行程序 在實際開發中,經常會遇見一些時間選擇器、日期選擇器、數字選擇器等需求,那麽從本期開始來學習Android中常用選擇器,今天學習的是DatePicker和TimePicke
jQuery UI 實例 - 日期選擇器(Datepicker)
for cal 周四 radi panel alternate 可能 max 輸入 默認功能 日期選擇器(Datepicker)綁定到一個標準的表單 input 字段上。把焦點移到 input 上(點擊或者使用 tab 鍵),在一個小的覆蓋層上打開一個交互日歷。選擇一個日期
【ElementUI】日期選擇器時間選擇範圍限制
del this 以及 ui框架 .get led () 設置 ons ElementUI是餓了麽推出的一套基於vue2.x的一個ui框架。官方文檔也很詳細,這裏做一個element-ui日期插件的補充。 官方文檔中使用picker-options屬性來限制可選擇的
JS日期選擇器
指定 腳本 scrolltop 滾動條 opacity efi length eof data <input type="date">在三個瀏覽器中彈出的日期框都不一樣(下圖依次谷歌,EDGE,火狐) 谷歌的比較質普,EDGE的像半成品,火狐的比較好看.
優雅的操作你的多個Linux服務器
內容 itl war tmux 需要 tar clas putty 玩法 如果我們有多臺Linux服務器,並且需要管理維護,如果你用的是putty,通常你會開多個窗口沒一個窗口就是一個Server的賬號登錄 。這樣可以會讓你混淆,如果我們可以通過下面這樣管理是不是會
同一臺機器配置多個tomcat服務器
想要 文件中 post serve 增加 gpo body 目前 cat 前提,目前有2個tomcat,tomcat、tomcat11。 1.先在環境變量中增加CATALINA-HOME11=tomcat1,CATALINA_BASE1=tomcat11 2.修改tomca
ElementUI日期選擇器時間選擇範圍限制
date ron let 推出 舉例 strong 2.x ons 餓了麽 ElementUI是餓了麽推出的一套基於vue2.x的一個ui框架。官方文檔也很詳細,這裏做一個element-ui日期插件的補充,官方文檔中使用picker-options屬性來限制可選擇的日
【vue開發問題-解決方法】(四)vue Element UI 日期選擇器獲取日期格式問題 t.getTime is not a function
format PE man UNC cti bubuko 圖片 orm ID 現有一表單需要填寫日期,采用了elementUI中日期選擇器,但是獲取到的數據格式是 Mon Jun 18 2018 00:00:00 GMT+0800 (中國標準時間) 而我需要的數
在同一臺電腦上部署多個tomcat服務器
sta 小項目 必須 ctrl 圖片 AR 14. con 而不是 因為在寫一些小的項目的時候,需要另外用到一臺圖片服務器,所以不得不開啟多個tomcat了。 在這裏我用的是tomcat 9.0,一個是正常時的tomcat,一個是圖片服務器,在這裏我就用tomcat1和to
JavaScript多個h5播放器video,點擊一個播放其他暫停
html itl file dev elements tex oct () utf <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
element ui 時間控件 多個日期
個人 nbsp get tps index git 控件 https 日期 前言:工作中用到 vue+element ui 的前端框架,需要使用時間控件來選擇多個日期,已月日的形式,且有默認值,所以記錄一下。轉載請註明出處: 網站地址:我的個人vue+element u
bootstrap-datetimepicker 時間日期選擇器
log 時間日期 https tails 日期選擇器 oot art ava .net datetimepicker 創建bootstrap的表格(含日期控件) bootstrap中使用日歷控件bootstrap-datetimepicker 時間日期選擇器
在多個郵件服務器上查看郵件跟蹤日誌
art 定時 eventid ast ans con 分解 zha chan 命令分解: 1、獲取組織內的所有郵件服務器 $Servers = Get-ExchangeServer 2、獲取 HUB 服務器 $Servers | where {$_.isHubTrans