一、首先明確下這個需求

1、要求只能選擇年月日時，不要分鐘和秒
2、根據(jù)后臺返回的開始時間和天數(shù)設(shè)置可選擇的開始時間和結(jié)束時間范圍（包含小時）比如后臺返回的開始時間是2023-12-20 13:24:30，天數(shù)365天，那么我們需要限制當前可選日期為2023-12-20 14時（不能選小于13:24:30的） 截止日期為 2024-12-18 13時
3、雖然頁面選擇的是年月日小時，但是傳給后臺的還需要年月日時分秒，需要自動拼接00:00，比如選擇了2023-12-21 14，那么拼接成2023-12-21 14:00:00

二、理解需求了開始開發(fā)

首先el-date-picker沒有明確的屬性和方法可以取消分鐘和秒，只能先用value-format="yyyy-MM-dd HH" format="yyyy-MM-dd HH"來只獲取年月日小時，但是這樣會展示出年月日時分，只能把分鐘隱藏掉，最簡單的辦法是通過css設(shè)置.el-time-spinner__wrapper{width:100%}但是這樣就會全局修改插件影響插件在別的模塊的使用，查過很多方法無論是用::v-deep還是先自定義個calss都無法生效,
只能通過 document.getElementsByClassName('el-time-spinner')[0].children[1].style.display = "none";//隱藏分鐘
整體代碼如下，需要注意點會在后面詳細說明

<template><div style&