element-ui 时间选择器-选择日期范围,选择时间后获取时间的格式和时间改变时触发的方法

参考文档: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"]
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。