vue:el-date-picker

  • 时间自定义选择时间范围
    • 注：该方法需写再计算属性中
    • 补充：（后面时分秒的禁选）在disabledDate的后面加一个selectableRange

时间自定义选择时间范围

         <el-date-pickerstyle="width:100%"vModel={data['yearStart']}picker-options={this.pickerStartOptions('listQuery')}type="date"value-format="yyyy-MM-dd"format="yyyy-MM-dd"/><el-date-pickerstyle="width:100%"vModel={data['yearEnd']}type="date"picker-options={this.pickerEndOptions('listQuery')}value-format="yyyy-MM-dd"format="yyyy-MM-dd"/>

注：该方法需写再计算属性中

computed{//改变时触发计算属性pickerOptions() {return function(queryList) {//修改this指向，如果不修改this指向，则不会不会到自定的属性var _self = thisreturn {disabledDate(time) {let yearStart = new Date(_self[queryList].yearStart)yearStart.setDate(yearStart.getDate())return time.getTime() < yearStart.getTime()},}}},
}

补充：（后面时分秒的禁选）在disabledDate的后面加一个selectableRange

在这里插入代码片

   selectableRange: (() => {const currentTime = _self[form][currentAttr]  //currentAttr：传入指定的一个时间节点if (currentTime &&moment(timeFilter(currentTime)).diff(moment(timeFilter(year)),'day') == 0   //判断滑动浏览的时间是否和当前的时间是同一天，如果是同一天则当前时间已过的时分秒												


											

vue:时间选择器自定义时间可选范围相关推荐
	

    
								
  1. el-date-picker 时间选择器 自定义年月日格式
		
    el-date-picker 时间选择器 自定义年月日三种 选择年后,选月份时会默认所选年份,日期一样 当自选日期后,年份月份也会与当前选择一致 代码 <div class=''>< ...
    
		
    2. 
						
  2. element-UI组件之日期时间选择器与时间格式转化
		
    element-UI组件之日期时间选择器与时间格式转化 日期选择器与时间选择器的一般使用 日期时间选择器 选择日期时间点 选择日期范围 日期选择器 月份范围选择器 禁选日期 用time.getTime ...
    
		
    3. 
						
  3. el-date-picker时间选择器修改时间无效
		
    el-date-picker时间选择器修改时间无效 前言 最近项目当中需要编辑时间的需求,同事小姐姐在修改的时候发现值已经改变,但是页面并没有更新,问了我,我也是第一次遇见这个问题 <el-da ...
    
		
    4. 
						
  4. vue 日期选择器默认时间_vue-datepicker
		
    vue-datepicker 基于 Vue 的日期/时间选择组件. 安装 NodeJS 环境 (commonjs) npm i @hyjiacan/vue-datepicker 或者 yarn add ...
    
		
    5. 
						
  5. vue 日期选择器默认时间_ant-design-vue 时间选择器赋值默认时间的操作
		
    我就废话不多说了,大家还是直接看代码吧~ show-time format="YYYY/MM/DD HH:mm:ss" :value="[this.moment(star ...
    
		
    6. 
						
  6. elementUI中DateTimePicker 日期时间选择器自定义开发，固定时间段，修改时间后取当前输入作为时间段起始
		
    最近项目需求默认时间段前一天20:00 - 第二天8:00,更改日期选择后,快捷选项以更改后的时分秒范围来取值,记录一下. 组件代码: <el-date-picker v-model=" ...
    
		
    7. 
						
  7. vant组件时间选择器修改时间格式以及默认展示当天时间
		
    vant的时间控件默认展示当天时间 <van-fieldreadonlyrequiredclickablelabel="时间事项":value="mattertim ...
    
		
    8. 
						
  8. 把时间选择器的时间转换成时间戳
		
    // 日期改变dateChange1:function(date){// console.log(date)if(this.mark==0){let date1 = new Date(date[0]) ...
    
		
    9. 
						
  9. Android自定义时间控件不可选择未来时间
		
    本文出自:http://blog.csdn.net/dt235201314/article/details/78718066 Android自定义时间控件选择开始时间到结束时间 Android自定义时 ...
    
		
    10. 
		


					

最新文章
	

    
						
  1. c# poi写入e_C# 面向对象 静态类和静态成员
		
    2. 
						
  2. Maven一：maven的下载和环境安装以及创建简单的Maven项目
		
    3. 
						
  3. 判断鼠标是否在元素上_能不能从大便上判断出一个人是否患有结肠癌？
		
    4. 
						
  4. linux权限体系有哪些角色,详解Linux下系统权限
		
    5. 
						
  5. shiro会话监听_SpringBoot集成Shiro会话管理
		
    6. 
						
  6. Ubuntu 18.04 与 20.04 LTS 性能测试
		
    7. 
						
  7. Android ble covana,Android BLE低功耗蓝牙开发
		
    8. 
						
  8. Windows加域提示  已超出此域允许的创建的计算机账户的最大值，请联系统管理员
		
    9. 
						
  9. c++ 数据类型转换： static_cast、dynamic_cast、reinterpret_cast和const_cast
		
    10. 
						
  10. 201906017学习小程序
		
    11. 
						
  11. 算法：回溯三 Combination Sum组合总数
		
    12. 
						
  12. java读取propertiies文件例子
		
    13. 
						
  13. 通过js实现图片爆炸特效
		
    14. 
						
  14. 网站灰色代码|哀悼日专用
		
    15. 
						
  15. pada aws configuration
		
    16. 
						
  16. 用Python写一个走迷宫的小程序（图形化：matplotlib,dfs,prim）
		
    17. 
						
  17. 使用PING测试IP地址
		
    18. 
						
  18. Android 内存卡 / Micro SD 卡 / TF 卡 / 存储卡 剩余容量 / 剩余内存 / 可用空间、总容量的 2 种获取方式
		
    19. 
						
  19. 废旧电脑改装个人服务器
		
    20. 
						
  20. LINUX保留原分区,linux  分区扩展 （保留数据）
		
    21. 
		

	


热门文章
	

    
									
  1. 解决Request method 'POST' not supported问题
			
    2. 
						
  2. 图书馆中计算机管理属于,在图书馆中使用计算机管理属于________
			
    3. 
						
  3. 弘辽科技：淘宝如何运营店铺？运营步骤是什么？
			
    4. 
						
  4. python生成随机密码生成器加特殊字符
			
    5. 
						
  5. 用python画一个心形_python怎么画爱心
			
    6. 
						
  6. 联想计算机时间长无法启动,联想计算机重新安装系统无法启动的原因和解决方法...
			
    7. 
						
  7. 地图获取后台数据怎么匹配到前台地图配置上_高德地图吊打百度个性地图更新版，成为最佳分析图利器...
			
    8. 
						
  8. 现在发现如果无人机的电机不同，浆可能是不能混用的。
			
    9. 
						
  9. 好的需求管理工具有哪些？
			
    10. 
						
  10. 【算法笔记】CNN Convolutional Neural Network （卷积神经网络）
			
    11.