在elementUI的el-date-picker中默認(rèn)為選中的0點(diǎn)到第二個(gè)選中的0點(diǎn)

相應(yīng)代碼：

<el-date-picker size="mini" v-model="rangeTime" type="datetimerange" range-separator="至" start-placeholder="開始日期" end-placeholder="結(jié)束日期" value-format="yyyy-MM-dd HH:mm:ss":picker-options="pickerOptions"></el-date-picker>

js中的代碼：

//寫在data選項(xiàng)中 pickerOptions: {disabledDate(time) {return time.getTime() > Date.now()}}

現(xiàn)在把時(shí)間段改成0點(diǎn)到24點(diǎn)

在上段代碼中加了 :default-time="['00:00:00','23:59:59']"
相應(yīng)代碼變?yōu)?#xff1a;

<el-date-picker size="mini" v-model="rangeTime" type="datetimerange" :default-time="['00:00:00','23:59:59']" range-separator="至" start-placeholder="開始日期" end-placeholder="結(jié)束日期" value-format="yyyy-MM-dd HH:mm:ss":picker-options="pickerOptions"> </el-date-picker>

但此時(shí)，如果第二個(gè)框選中當(dāng)天的時(shí)間時(shí)，確定按鈕被禁用了

然后就要修改picker-options所對(duì)應(yīng)的值了

pickerOptions: {disabledDate(time) {var todayYear = (new Date()).getFullYear()var todayMonth = (new Date()).getMonth()var todayDay = (new Date()).getDate()var todayTime = (new Date(todayYear, todayMonth, todayDay, '23', '59', '59')).getTime()// 毫秒return time.getTime() > todayTime}}

總結(jié)

以上是生活随笔為你收集整理的vue项目中elementUI的日期时间选择器的默认修改以及能选择当天的未来时间24点的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。