自定义时间处理指令

import dtime from "time-formater";
function formatTime(app: any) {
  app.directive("format-time", {
    created(el: any, bindings: any) {
      bindings.formatString = bindings.formatString ?? "YYYY-MM-DD HH:mm:ss";
      if (bindings.value) {
        bindings.formatString = bindings.value;
      }
    },
    mounted(el: any, bindings: any) {
      const textContent = el.textContent;
      if (!textContent) {
        el.textContent = "--";
      } else {
        textContent = Number(textContent);
        el.textContent = dtime(textContent).format(bindings.formatString);
      }
    }
  });
}

export default formatTime;

import formatTime from "./utils/timeFormater";

const app = createApp(App);

formatTime(app);

app.use(ElementPlus).use(pinia).mount("#app");

 <div v-format-time>{scope.row.publishTime}</div>


 
 <div v-format-time="YYYY-MM-DD">{scope.row.publishTime}</div>