<el-date-picker
v-model="cashFlowForm.startTime"
style="width: 100%"
type="date"
placeholder="选择开始时间"
value-format="timestamp"
:picker-options="beginDateOption"
/>
data(){
return {
beginDateOption: {
disabledDate: (time) => {
const space = 30 * 24 * 3600 * 1000
const minTime = new Date().getTime() - space
const maxTime = new Date().getTime()
// return 一个公式 最大为当前时间,最小为30天前
return time.getTime() < minTime || time.getTime() > maxTime
}
},}
}
限制开始和结束时间为最近一个月(element ui)
最新推荐文章于 2024-04-11 18:40:38 发布
该博客内容涉及前端开发中使用`el-date-picker`组件限制日期选择范围的实现方式。通过设置`disabledDate`属性,禁止用户选择当前时间30天之前的日期和之后的日期,确保日期选择在30天的时间窗口内。
摘要由CSDN通过智能技术生成