700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > JS获取当前时间(YYYY-MM-DD ) element日期选择器el-date-picker 显示默认当前时

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

时间:2019-11-29 05:14:08

相关推荐

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

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。