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

た入场券 2023-01-09 12:48 479阅读 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 条评论，479人围观）

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

相关阅读

相关时间选择器

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

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

相关 elementUI DatePicker 日期选择器不能选择当天以前的时间

<el-form-item label="下次跟进时间" prop="formDateTime"> <el-date-picker v-mo

红太狼/ 2023年07月18日 09:42/ 0 赞/ 34 阅读

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

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

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

相关时间选择器

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

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

相关微信小程序开发之选择器时间选择器日期选择器地区选择器

用微信封装好的控件感觉很好,为我们开发人员省去了很多麻烦.弊端就是不能做大量的自定义.今天试用了选择器. 上gif: ![Center][] 上代码: 1.index.

墨蓝/ 2023年02月27日 12:21/ 0 赞/ 223 阅读

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

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

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

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

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

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

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

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

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

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

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

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

相关时间选择器插件

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

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