vue3.0+element 项目中时间选择器

项目中常用的时间选择器

1. 页面

                              <el-col :span="6">
                                  <el-form-item class="mr-10" label="" prop="createTime">
                                      <el-date-picker v-model="queryParams.createTime" type="datetimerange" start-placeholder="开始时间" end-placeholder="结束时间" value-format="YYYY-MM-DD HH:mm:ss"  :default-time="defaultTime"/>
                                  </el-form-item>
                              </el-col>

js

         const defaultTime = ref([
              new Date(2000, 1, 1, 0, 0, 0),
              new Date(2000, 2, 1, 23, 59, 59),
          ])
         return {
             defaultTime,
         }

后台

          if (!ParamsVerifyUtils.isEmpty(param.get("createTime[0]")) && !ParamsVerifyUtils.isEmpty(param.get("createTime[1]"))) {
              wrapper.between("create_time", param.get("createTime[0]"), param.get("createTime[1]"));
          }