本文主要是介绍element plus el-date-picker type=“datetime“ 限制年月日 时分秒选择，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
如何限制el-date-picker组件的时分秒选中！！！！！！！
文档
文档在这里：DateTimePicker 日期时间选择器 | Element Plus
它提供的disabled-date给我们来限制日期选择
nice！！！！！！！！！！！！！！！！！
那小时，分钟，秒呢？咋限制🚫？？？？闷逼！！文档没说呀！！
嗯？？disabled-date？是不是小时就是disabled-hours,依此类推其他就是disabled-minutes
聪明！！不过猜对了又咋样？总不能一直靠猜吧！！
怎么想到的呢
上面的时间组件很明显和el-time-picker一样，我是这样猜到的，
看看源码去
element-plus/packages/components/date-picker/src/props/date-picker.ts at dev · element-plus/element-plus · GitHub
解决
template：
<el-date-picker v-model="form.time" type="datetime":disabled-date="disableDate" :disabled-hours="disabledHour":disabled-minutes="disabledMinute" :disabled-seconds="disabledSecond"
/>script：
/* 限制天 */
disableDate = (time) => {return time.getTime() < Date.now() - 8.64e7;
}/* 限制小时 */
export const disabledHour = () => {const arrs = []for (let i = 0; i < 24; i++) {if (new Date().getHours() <= i) continue;arrs.push(i)}return arrs;
}/* 限制分 */
export const disabledMinute = () => {const arrs = []for (let i = 0; i < 60; i++) {if (new Date().getMinutes() <= i) continue;arrs.push(i)}return arrs;
}/* 限制秒 */
export const disabledSecond = () => {const arrs = []for (let i = 0; i < 60; i++) {if (new Date().getSeconds() <= i) continue;arrs.push(i)}return arrs;
}这篇关于element plus el-date-picker type=“datetime“ 限制年月日 时分秒选择的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
