日期时间组件,禁用当前日期后的日期

1,只有日期的
这个简单一些

<el-date-picker
      arrow-control
        value-format="yyyy-MM-dd"
        size="mini"
        v-model="CreateTime"
      >
      </el-date-picker>
export default {
    data: function() {
      return {
	      CreateTime: "", // 建立日期  创建空,然后去从后端取的数据
	}
    },

	

2,又开始日期和结束日期的
默认带出指定的日期:start-placeholder=“startPlaceholder”
:end-placeholder=“endPlaceholder”

		<span>时间</span>&nbsp;&nbsp;
      <el-date-picker
        v-model="value1"
        type="daterange"
        range-separator=""
        :start-placeholder="startPlaceholder"
        :end-placeholder="endPlaceholder"
        value-format="yyyy-MM-dd"
        @blur="value1blur"
      >
export default {
    data: function() {
      return {
	      startPlaceholder: "",
	      endPlaceholder: "",
	      value1: [], // 时间数组
	}
    },
created() {
	this.startPlaceholder = NearMonth3(); //NearMonth3()是在js里封装好的时间,会发布time.js的文章
	this.endPlaceholder = resDate;  //resDate在下面的3里面有
    this.value1[0] = NearMonth3();  //NearMonth3()封装好的时间
    this.value1[1] = resDate;  //resDate在下面的3里面有
}

3,有日期和时间的
:picker-options="pickerBeginDateBefore"控制禁用当前日期后的不给选择
默认在created带出当前的年月日时分秒

<el-date-picker style="width:220px;"
        v-model="createdTime" 
        type="datetime" 
        value-format="yyyy-MM-dd HH:mm:ss"
         placeholder="请选择时间" :picker-options="pickerBeginDateBefore"
      ></el-date-picker>
export default {
    data: function() {
      return {
	      pickerBeginDateBefore: {
	          disabledDate(time) {
	            return time.getTime() > Date.now();
	          }
	        },
	        createdTime: '',
	}
    },
created() {
	let nowdata = new Date();
      //这种建议,获取年月,月份,日期,单独写函数给补零 获取格式:2021-06-03
       let resDate =
         nowdata.getFullYear() +
         "-" +
         this.pop(nowdata.getMonth() + 1) +
         "-" +
         this.pop(nowdata.getDate()) +
         ' ' + this.pop(nowdata.getHours()) +
         ':' + this.pop(nowdata.getMinutes()) +
         ':' + this.pop(nowdata.getSeconds())
       console.log(247,resDate)
       this.createdTime = resDate;
       //console.log('record',this.VisitNumber)
     })
	
},
methods: {
//单独的补零函数
 pop: function (s) {
    return s < 10 ? "0" + s : s;
  },
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值