Time Picker中文显示

按照大多数网友的方法，修改main.js文件如下：

import locale from 'element-plus/lib/locale/lang/zh-cn'
createApp(App).use(ElementUI, { locale })

然而并没有解决问题。正确的操作方法如下：
在需要Time Picker的组件中，按照下述方法配置：

引入

import { ElConfigProvider } from "element-plus";
import zhCn from "element-plus/lib/locale/lang/zh-cn";

注册

  components: {
    ElConfigProvider,
  },

在data中加入zhCn

data() {
    return {zhCn,}
}

包裹

        <el-config-provider :locale="zhCn">
          <el-date-picker
            v-model="search_data.query_time"
            type="datetimerange"
            range-separator="To"
            start-placeholder="Start date"
            end-placeholder="End date"
          >
          </el-date-picker>
        </el-config-provider>

问题解决。

中文显示

监听Vuex状态触发函数

  computed: {
    startSearch() {
      return this.$store.getters.startSearch;
    },
    ...mapGetters(["searchData"]),
  },
  watch: {
    startSearch(newVal, oldVal) {
      console.log(newVal);
      console.log(oldVal);
      if (newVal == true) {
        this.getInspectList();
        this.$store.commit("START_SEARCH", false);
      }
    },
  },

computed展示了两种获取Vuex状态的方法。watch监听到指定的状态变化后，根据状态的值选择是否触发函数的执行。

js获取当天零点时间

new Date(new Date().setHours(0, 0, 0, 0)), //当日零点
new Date(new Date().setHours(0, 0, 0, 0) + 24 * 60 * 60 * 1000 - 1), //当日23:59:59