先来看看前端
先做一个可以原则日期的框
<div class="block" style="margin-left: 800px">
<el-date-picker
v-model="value1"
type="date"
placeholder="选择日期">
</el-date-picker>
<el-button type="primary" @click="selectPretax" >查询</el-button>
<el-button type="success" @click="getPretax">刷新</el-button>
</div>
然后将日期发送给后端,稍微做一下格式的处理
selectPretax(){
let that=this;
this.value1 = fecha.format(this.value1, "yyyy-MM-dd");
this.$axios.get("pretaxtwo/pretaxdate?date="+this.value1).then(function(response) {
that.tableDatapretax=response.data;
console.log(response);
})
.catch(function (error){
console.log(error);
alert("查询失败")
});
},
顺手将从后端获取数据的这一步也写了,this只能用一次,得重新给一个that
现在来写后端
@GetMapping("/pretaxdate")
@ResponseBody
public List<Pretaxtwo> listDate(@RequestParam(value="date") String date){
System.out.println(date);
System.out.println(pretaxtwoService.listDate(date));
return pretaxtwoService.listDate(date);
}
直接就用接收到的String类型来写方法,其他包就接着往下写就行了,注意看一下mapper.xml怎么写的
<select id="listDate" resultType="com.wms.entity.Pretaxtwo" parameterType="java.util.Date">
select * from pretaxtwo as a
<where>
<if test="date != null and date != ''">
(datediff(a.date,#{date})=0)
</if>
</where>
</select>
这样就完成了。