element——时间选择器当天之后，后一选择器时间不超过前时间选择器

た入场券 2023-01-09 12:48 339阅读 0赞

## element——时间选择器当天之后，后一选择器时间不超过前时间选择器 ##

<el-date-picker type="date"
    					placeholder="请选择"
    					v-model="startTime" :picker-options="pickerOptions" value-format="yyyy-MM-dd"></el-date-picker>
    	<el-date-picker type="date"
    					placeholder="请选择"
    					v-model="endTime" :picker-options="picker" value-format="yyyy-MM-dd"></el-date-picker>
    
    
    	data () { 
    		return { 
    			startTime: '',
    			endTime: '',
    			pickerOptions: { 
    				disabledDate (time) { 
    				  return time.getTime() < Date.now() - 8.64e7
    				  // 如果没有后面的-8.64e7就是不可以选择今天的
    				}
    			},
    		}
    	},
    	computed: { 
    		picker () { 
    			  let startTimestamp = new Date(this.satrtTime)
    			  let endTimestamp = new Date(this.endTime)
    			  return { 
    					disabledDate (time) { 
    					  const timestamp = time.getTime()
    					  // 结束时间不大于开始时间且只能在今天之后
    					  if (timestamp > startTimestamp && timestamp <= endTimestamp) { 
    							return false
    					  } else { 
    							return timestamp <= startTimestamp
    					  }
    					}
    			  }
    		}
    	}

发表评论取消回复

表情：

评论列表（有 0 条评论，339人围观）

还没有评论，来说两句吧...

相关阅读

相关时间选择器

1、创建一个时间选择器的类 2、在主页中使用该类创建一个时间选择器的类 package com.nf.bottomdemo.utils; im

你的名字/ 2023年08月17日 17:09/ 0 赞/ 72 阅读

相关 jq 时间选择 flatpickr 时间选择器的使用

<!DOCTYPE html> <html lang="en"> <head> <title>jq 时间选择</title>

以你之姓@/ 2023年07月06日 08:43/ 0 赞/ 61 阅读

相关时间选择器

$("order_timestart").datetimepicker({ format: 'yyyy-mm-dd', autoclose: t

谁践踏了优雅/ 2023年06月10日 04:28/ 0 赞/ 3 阅读

相关 element——时间选择器当天之后，后一选择器时间不超过前时间选择器

element——时间选择器当天之后，后一选择器时间不超过前时间选择器 <el-date-picker type="date" placehol

た入场券/ 2023年01月09日 12:48/ 0 赞/ 340 阅读

相关【Vue.js】Vue.js组件库Element中的时间选择器、日期选择器、日期时间选择器和颜色选择器

1、TimePicker 时间选择器用于选择或输入日期。固定时间点提供几个固定的时间点供用户选择。 ![20200831145158463.png_pi

比眉伴天荒/ 2022年12月02日 13:53/ 0 赞/ 1441 阅读

相关 Element的时间选择器DatePicker在form中默认当天时间

HTML： <el-form-item label="生产日期"> <el-date-picker v-mode

深藏阁楼爱情的钟/ 2022年08月31日 05:55/ 0 赞/ 584 阅读

相关 element DateTimePicker 日期时间选择器选择范围限制

内容需求：两个DateTimePicker选择日期范围需要做日期范围限制；开始时间必须小于结束时间；结束时间必须大于开始时间；开始时间和结束时间可以选择同一

今天药忘吃喽~/ 2022年08月29日 13:52/ 0 赞/ 1085 阅读

相关 android 时间选择器demo

这几天写了一个类似日程的项目，看到小米的日程里面的时间选择器挺好看的，想要简单模仿一下。奈何能力有限，没有写成想象中那么完美，但是还好没让自己太失望，做成了一个还算能用的时间选

一时失言乱红尘/ 2022年05月16日 05:55/ 0 赞/ 339 阅读

相关时间选择器插件

开发工具与关键技术：vs与jquery 作者：戴怡斌撰写时间：2019年5月25日时间插件在设置页面和设置软件的时候运用特别

喜欢ヅ旅行/ 2022年01月26日 07:11/ 0 赞/ 477 阅读

相关 JS实现时间选择器

JS实现时间选择器 dateTime.js function withData(param) { return param < 10 ? '0' +

古城微笑少年丶/ 2021年07月25日 18:19/ 0 赞/ 471 阅读