mysql数据库varchar类型的日期条件查询

数据库中用的是varchar类型来存储的日期，格式为yyyy-mm-dd，前端（vue+element ui）时间选择器用的是el-date-picker，默认绑定的model格式为 %a %b %d %Y %H:%i:%s GMT%z（例如Wed Feb 01 2023 00:00:00 GMT+0800），如果要对日期进行between and 的条件查询，该如何进行呢？

前端

既然是“between and”的条件查询，那就要有两个时间，所以前端用的时间选择器是时间范围选择器。

<el-date-picker
          v-model="dateRage"
          type="daterange"
          unlink-panels
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期">
</el-date-picker>

 

当前端选择日期后，model(dateRage)会是一个数组，里面有两个元素，分别是开始日期和结束日期，我想在前端进行转换，传到后端是yyyy-mm-dd的开始日期和结束日期。那要做两件事情，一是将model拆分成开始日期和结束日期， 二是进行日期格式的转换。

拆分model：给时间选择器绑定函数

<el-date-picker
          v-model="dateRage"
          type="daterange"
          unlink-panels
          @change="getStartEnd"//绑定函数
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期">
</el-date-picker>


//method中的getstartEnd方法如下所示
getStartEnd(){
      this.queryParams.startDate = this.dateRage[0];
      this.queryParams.endDate = this.dateRage[1];
}

格式转换：增加参数value-format，根据自己想要的格式设置参数

<el-date-picker
          v-model="dateRage"
          value-format="yyyy-MM-dd"//格式转换
          type="daterange"
          unlink-panels
          @change="getStartEnd"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期">
</el-date-picker>

后端 

 前端处理完了，那后端如何将两个字符串（yyyy-mm-dd格式）的日期进行比较呢？

我用的是STR_TO_DATE函数，mappe.xml文件中的相关代码片段如下所示：（因为在xml文件中<=不能直接写，所以用的<![CDATA[<=]]）

<if test="startDate != null  and startDate != ''"> and STR_TO_DATE(rq, '%Y-%m-%d') >= STR_TO_DATE(#{startDate}, '%Y-%m-%d')</if>
<if test="endDate != null  and endDate != ''"> and STR_TO_DATE(rq, '%Y-%m-%d') <![CDATA[<=]]> STR_TO_DATE(#{endDate}, '%Y-%m-%d')</if>