ElementUI 日期范圍組件參數(shù)設(shè)置

在搜索的時(shí)候我們經(jīng)常會根據(jù)日期范圍篩選數(shù)據(jù)堡纬,后端存儲數(shù)據(jù)一般都是標(biāo)準(zhǔn)時(shí)間乖订,前端傳參也應(yīng)該是帶時(shí)間的標(biāo)準(zhǔn)時(shí)間板壮,即使我們查詢的只是日期范圍不是日期時(shí)間范圍斥难。

1枝嘶、組件默認(rèn)就是標(biāo)準(zhǔn)時(shí)間,這個(gè)是ok的哑诊,沒啥問題群扶,但是當(dāng)我們選擇同一天的時(shí)候,問題就來了,開始時(shí)間和結(jié)束時(shí)間是一樣的

參數(shù)截圖

我們期望的效果是

mawbDateStart: 2020-04-16T16:00:00.000Z
mawbDateEnd: 2020-04-17T15:59:59.000Z

這個(gè)時(shí)候需要我們在組件上加上默認(rèn)時(shí)間的參數(shù)

:default-time="['00:00:00', '23:59:59']"

2竞阐、若在搜索列表中有日期時(shí)間的展示提茁,也需要轉(zhuǎn)換成為本地時(shí)間展示,具體方法不再贅述馁菜,可以根據(jù)具體需求自己寫方法函數(shù)(關(guān)于時(shí)間建議在統(tǒng)一的時(shí)間工具文件中管理,注冊過濾器)铃岔,或者使用moment.js轉(zhuǎn)化時(shí)間(下載地址:https://momentjs.com/)汪疮。
3、涉及到Safari瀏覽器時(shí)間的回填問題(以下瀏覽器指的是Safari)
若是后端返回2020-03-15 12:23:34或者2020/03/15T12:23:34這種時(shí)間格式毁习,請注意智嚷,前方有坑,瀏覽器會報(bào)錯(cuò)Invalid Date纺且,不能識別這種日期格式盏道,需要人為地把”-“改為”/“,或者讓后端規(guī)范返回值载碌,再賦值到日期組件的model值里面

// 需要將'-'替換成'/'猜嘱,將'T'替換成空格
var dateStr = "2020-03-15 12:23:34"
var date = new Date(dateStr.replace(/\-/g, "/").replace(/T/, ' '))

以下是瀏覽器支持的格式

> new Date('2020/03/15 12:23:34')
< Sun Mar 15 2020 12:23:34 GMT+0800 (CST)

> new Date('2020-03-15T16:00:00.000Z')
< Fri Mar 16 2020 00:00:00 GMT+0800 (CST)

> new Date('2020-03-15')
< Thu Mar 15 2020 08:00:00 GMT+0800 (CST)

> new Date('2020-03-15T12:23:34')
< Sun Mar 15 2020 20:23:34 GMT+0800 (CST)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市嫁艇,隨后出現(xiàn)的幾起案子朗伶,更是在濱河造成了極大的恐慌,老刑警劉巖步咪,帶你破解...
    沈念sama閱讀 222,104評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件论皆,死亡現(xiàn)場離奇詭異,居然都是意外死亡猾漫,警方通過查閱死者的電腦和手機(jī)点晴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來悯周,“玉大人粒督,你說我怎么就攤上這事《映龋” “怎么了坠陈?”我有些...
    開封第一講書人閱讀 168,697評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長捐康。 經(jīng)常有香客問我仇矾,道長,這世上最難降的妖魔是什么解总? 我笑而不...
    開封第一講書人閱讀 59,836評論 1 298
  • 正文 為了忘掉前任贮匕,我火速辦了婚禮,結(jié)果婚禮上花枫,老公的妹妹穿的比我還像新娘刻盐。我一直安慰自己掏膏,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,851評論 6 397
  • 文/花漫 我一把揭開白布敦锌。 她就那樣靜靜地躺著馒疹,像睡著了一般。 火紅的嫁衣襯著肌膚如雪乙墙。 梳的紋絲不亂的頭發(fā)上颖变,一...
    開封第一講書人閱讀 52,441評論 1 310
  • 那天,我揣著相機(jī)與錄音听想,去河邊找鬼腥刹。 笑死,一個(gè)胖子當(dāng)著我的面吹牛汉买,可吹牛的內(nèi)容都是我干的衔峰。 我是一名探鬼主播,決...
    沈念sama閱讀 40,992評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼蛙粘,長吁一口氣:“原來是場噩夢啊……” “哼垫卤!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起出牧,我...
    開封第一講書人閱讀 39,899評論 0 276
  • 序言:老撾萬榮一對情侶失蹤葫男,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后崔列,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體梢褐,經(jīng)...
    沈念sama閱讀 46,457評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,529評論 3 341
  • 正文 我和宋清朗相戀三年赵讯,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了盈咳。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,664評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡边翼,死狀恐怖鱼响,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情组底,我是刑警寧澤丈积,帶...
    沈念sama閱讀 36,346評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站债鸡,受9級特大地震影響江滨,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜厌均,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,025評論 3 334
  • 文/蒙蒙 一唬滑、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦晶密、人聲如沸擒悬。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,511評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽懂牧。三九已至,卻和暖如春尊勿,著一層夾襖步出監(jiān)牢的瞬間归苍,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,611評論 1 272
  • 我被黑心中介騙來泰國打工运怖, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人夏伊。 一個(gè)月前我還...
    沈念sama閱讀 49,081評論 3 377
  • 正文 我出身青樓摇展,卻偏偏與公主長得像,于是被迫代替她去往敵國和親溺忧。 傳聞我的和親對象是個(gè)殘疾皇子咏连,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,675評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級和職位的變化,入門級到專家級鲁森,廣度和深度都會有所增加祟滴。 題目類型: 理論知...
    怡寶丶閱讀 2,588評論 0 7
  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,238評論 0 4
  • 有時(shí)候開始翻翻別人朋友圈的時(shí)候 在想自己究竟是要點(diǎn)什么 姑娘做幼師找個(gè)家里做生意的男朋友 平時(shí)閑來和女孩子們約會吃...
    4948c28a5457閱讀 364評論 0 0
  • 文/紫月 嘴上不會說的人垄懂,為人最誠懇。 沒有花言巧語的天分痛垛, 只有善待別人的一顆心; 沒有虛偽做作的圓潤草慧, 只有出...
    木夏半年閱讀 235評論 4 5
  • 比如,小時(shí)侯向老師告狀的時(shí)候經(jīng)常說:when I was reading my book he gave me a...
    老祝讀書閱讀 2,331評論 0 1