el-date-picker设置日期选择范围

<el-date-picker 
	v-model="form.dates" 
	:picker-options="pickerOptions"    // 控制时间范围的方法
	format="yyyy-MM-dd"  
	value-format="yyyy-MM-dd" 
	type="date" 
	placeholder="选择日期">
</el-date-picker>

上面重点是 :picker-options=“pickerOptions” 这是element中的方法

export default {
	data() {
		return {
			pickerOptions: {
               disabledDate: time => {
                   return (
                       time < this.getTimes() ||
                       time > new Date()
                   )
               }
           }
		}
	},
	methods: {
		// 获取当前时间
	    getTime: function (value) {
	        let secondTime = parseInt(value);// 秒
	        let minuteTime = 0;// 分
	        let hourTime = 0;// 小时
	        if(secondTime > 60) {//如果秒数大于60,将秒数转换成整数
	            //获取分钟,除以60取整数,得到整数分钟
	            minuteTime = parseInt(secondTime / 60);
	            //获取秒数,秒数取佘,得到整数秒数
	            secondTime = parseInt(secondTime % 60);
	            //如果分钟大于60,将分钟转换成小时
	            if(minuteTime > 60) {
	                //获取小时,获取分钟除以60,得到整数小时
	                hourTime = parseInt(minuteTime / 60);
	                //获取小时后取佘的分,获取分钟除以60取佘的分
	                minuteTime = parseInt(minuteTime % 60);
	            }
	        }
	        let result = "" + parseInt(secondTime) + "秒";
	
	        if(minuteTime > 0) {
	            result = "" + parseInt(minuteTime) + "分" + result;
	        }
	        if(hourTime > 0) {
	            result = "" + parseInt(hourTime) + "小时" + result;
	        }
	        return result
	    }
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值