JS获取当前时间(YYYY-MM-DD ),element日期选择器el-date-picker 显示默认当前时间,显示默认昨天,显示默认上个月

22 篇文章 0 订阅
18 篇文章 0 订阅

vue+element-ui   DatePicker 日期选择器

使用的日期组件是el-date-picker
用的框架是vue+element-ui ,以下是时间控件 

1.设置前-默认当前:

2.代码案例 

<template>
  <!-- 日期显示 -->
  <el-form-item label="日期" prop="date">
    <el-date-picker v-model="date" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" clearable>
    </el-date-picker>
  </el-form-item>

</template>
<script>
export default {
  name: "",
  components: {},
  data () {
    return {
      date: "",//日期
    }
  },
  mounted () {
    this.getdatatime();
  },

  /**默认显示今天*/
  getdatatime () {
    this.date=new Date();
  },

  /**默认显示昨天日期*/
  getdatatime () {
    this.date=new Date();
    this.date.setTime(this.date.getTime()-3600*1000*24);
  },
  /**默认显示上周*/
  getdatatime () {
    this.date=new Date();
    this.date.setTime(this.date.getTime()-3600*1000*24*7);
  },
  /**默认显示上个月*/
  getdatatime () {
    this.date=new Date();
    this.date.setTime(this.date.getTime()-3600*1000*24*30);
  },

}
</script>

 3.处理后输出显示结果:

当前日期-今天:

 昨天:

上周 :

 上个月:

 如果觉得可以就点个👍吧,欢迎粉丝收藏,土豪打赏,你的鼓励将是我创作的最大动力!

qq群933053581

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值