ElementUI-时间组件初始化

1.(一个时间)默认 时分秒 

                          <el-date-picker
                       style="width: 100%"
                v-model="dataForm.endDate"
                type="datetime"
                placeholder="选择日期时间"
                value-format="yyyy-MM-dd HH:mm:ss"
                default-time="23:59:59">
              >
              </el-date-picker>

2.(范围时间)默认 时分秒

    <el-date-picker
              style="width:100%"
              v-model="dateRange"
              type="datetimerange"
              value-format="yyyy-MM-dd HH:mm:ss"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              @change="changeTime"
                  :default-time="['00:00:00', '23:59:59']"
            >
            </el-date-picker>

3.范围时间 -结束时间当天,起始时间提前15天

mounted(){       this.getTimeFn()},
  methods: {
      getTimeFn() {
      const that = this;
      const end = new Date();
      const start = new Date();
      start.setTime(start.getTime() - 3600 * 1000 * 24 * 15);
      that.$set(that.dataForm,"entrustDateStart",that.formatDate(start))//重点 ,不然不是双向绑定
      that.$set(that.dataForm,"entrustDateEnd",that.formatDate(end))//重点,不然不是双向绑定
    },
    formatDate(date) {
      var myyear = date.getFullYear();
      var mymonth = date.getMonth() + 1;
      var myweekday = date.getDate();
      var myhour = date.getHours();
      var myminute = date.getMinutes();
      var mysecond = date.getSeconds();
          if (mymonth >= 1 && mymonth <= 9) {
          mymonth = "0" + mymonth;
        }
        if (myweekday >= 0 && myweekday <= 9) { //重点格式 0
          myweekday = "0" + myweekday;
        }
        if (myhour >= 0 && myhour <= 9) {
          myhour = "0" + myhour;
        }
        if (myminute >= 0 && myminute <= 9) {
          myminute = "0" + myminute;
        }
        if (mysecond >= 0 && mysecond <= 9) {
          mysecond = "0" + mysecond;
        }
      return myyear +
      "-" +
      mymonth +
      "-" +
      myweekday +
      " " +
      myhour +
      ":" +
      myminute +
      ":" +
      mysecond;
    },

4.范围时间传参

      this.dataForm.pbeginDate = this.dataForm.applyDate
        ? this.dataForm.applyDatestr[0]
        : "";
      this.dataForm.pendDate = this.dataForm.applyDate
        ? this.dataForm.applyDate[1]
        : "";

5.获取当前年月日

var date = new Date();
var year = date.getFullYear();

var month = date.getMonth() + 1;

var day = date.getDate();

month = (month > 9) ? month : ('0' + month);
day = (day < 10) ? ('0' + day) : day;
var today = year + '-' + month + '-' + day;

获取当前时间得方法👇

//获取当前时间
			getNowTime() {
				var date = new Date();
				//年 getFullYear():四位数字返回年份
				var year = date.getFullYear(); //getFullYear()代替getYear()
				//月 getMonth():0 ~ 11
				var month = date.getMonth() + 1;
				//日 getDate():(1 ~ 31)
				var day = date.getDate();
				//时 getHours():(0 ~ 23)
				var hour = date.getHours();
				//分 getMinutes(): (0 ~ 59)
				var minute = date.getMinutes();
				//秒 getSeconds():(0 ~ 59)
				var second = date.getSeconds();

				var time = year + '-' + this.addZero(month) + '-' + this.addZero(day) + ' ' + this.addZero(hour) + ':' +
					this.addZero(minute) + ':' + this.addZero(second);
				return time;
			},
			//小于10的拼接上0字符串
			addZero(s) {
				return s < 10 ? ('0' + s) : s;
			},

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值