美文网首页
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