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 显示默认当前时间 显示默认昨天 显示默认上个月