在element ui中的日期時間選擇組件中默認是00:00,現(xiàn)在需求是點擊默認結(jié)束時間為當前時分秒，查了很多資料寫的都不準確
需求：實現(xiàn)日期時間組件可選擇當前日期，比如當前是2024年01月17號下午17：21 那選中時必須結(jié)束時間為17：21 也可選01月17號當天其他的時間（很多文章超過17：21都不能選了，搞得我頭疼
效果如下：
不多說，上代碼：
:default-time="['00:00:00', new Date().toLocaleTimeString('chinese', { hour12: false })]"
設置當前默認結(jié)束時間new Date().toLocaleTimeString(‘chinese’, { hour12: false })
布局
這里主要代碼是文章來源：http://www.zghlxwxcb.cn/news/detail-800449.html
<el-form-item prop="carDate">
<el-date-picker
v-model="ruleForm.carDate"
:picker-options="pickerOptions"
type="datetimerange"
value-format="yyyy-MM-dd HH:mm:ss"
:default-time="['00:00:00', new Date().toLocaleTimeString('chinese', { hour12: false })]"
range-separator="至"
start-placeholder="開始時間"
end-placeholder="結(jié)束時間"
>
</el-date-picker>
</el-form-item>
校驗
pickerOptions: {
disabledDate: time => {
return time.getTime() > Date.now()
}
},
難點：默認選中當前時分秒文章來源地址http://www.zghlxwxcb.cn/news/detail-800449.html
到了這里，關(guān)于el-date-picker默認結(jié)束為當前時分秒的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
