vue做时间段搜索

所呈现的效果
这里的时间是设置默认从当天00：00：00开始，到所查询结束的23：59：59结束
代码是用element中DateTimePicker 日期时间选择器
用el-form进行的包裹

 <el-form-item label="日期">
                         <el-date-picker
                            v-model="formData.start"
                            type="datetime"
                            placeholder="选择日期"
                            value-format="yyyy-MM-dd HH:mm:ss"
                            :default-time="'00:00:00'"
                            >
                        </el-date-picker>
                        -
                        <el-date-picker
                            v-model="formData.end"
                            type="datetime"
                            placeholder="选择日期"
                            value-format="yyyy-MM-dd HH:mm:ss"
                            :default-time="'23:59:59'"
                            >
                        </el-date-picker>
            
                    </el-form-item>

在data中定义

点击搜索

 <el-form-item>
        <el-button type="primary" @click="search()">搜索</el-button>
  </el-form-item>  

 search(){
        let data = {
            asin:this.formData.sNumber,
            mapping_code:this.formData.shangpin,
            name_cn:this.formData.gname,
            start_time:this.formData.start,
            end_time:this.formData.end,
            company_name:this.formData.supplier,
            current_page: this.current_page
        }
        getDetail(data).then(res =>{
            console.log(res)
            if(res.data.code == 200){
                this.tableData = res.data.data.dataList
                this.page.totalCount = res.data.data.total_size
            }else{
                this.$message({
                type:'error',
                message:res.data.msg
                })
            this.tableData = []
            this.page.totalCount = 0
            }
        })
        
    },

来源：https://blog.csdn.net/jasmine0178/article/details/100539861