美文网首页
element-ui 时间选择器-选择日期范围,选择时间后获取时

element-ui 时间选择器-选择日期范围,选择时间后获取时

作者: 七號7777 | 来源:发表于2020-03-04 16:50 被阅读0次

参考文档:https://blog.csdn.net/bamboozjy/article/details/81393375

image.png
value-format表示获取时间的格式,value-format="yyyy-MM-dd"正常时间格式,value-format="timestamp" 获取的就是时间戳
<el-date-picker
     v-model="shop"
     value-format="yyyy-MM-dd"//非常重要,不然获取的时间格式用不了  
     format="yyyy-MM-dd"//显示在输入框中的格式
     type="daterange"
      @change="chooseTimeRange" // 日期改变时调用方法,这样只日期搜索的时候就不用多个搜索按钮了
      range-separator="至">
</el-date-picker>
data(){
    return{
        shop:null
    }
},
methods:{
    chooseTimeRange(t) {
      console.log(t);//结果为一个数组,如:["2018-08-04", "2018-08-06"]
    }
}

相关文章

网友评论

      本文标题:element-ui 时间选择器-选择日期范围,选择时间后获取时

      本文链接:https://www.haomeiwen.com/subject/icdblhtx.html