timezone

[mjnamjkaze]

Hi, I'm working on multiple timezone, I need output datepicker time UTC or ISO 8601. And I need to convert datetime UTC to user zone in date picker popup, how I can do this with element plus? Could I have a sample ?

[mjnamjkaze]

<template>
  <div>
    <el-date-picker v-model="localizedDate" v-bind="$attrs" />
  </div>
</template>
<script>
import { computed } from 'vue';
import dayjs from 'dayjs';
import utc from 'dayjs/plugin/utc';
import timezone from 'dayjs/plugin/timezone';
import MasterData from "@/MasterData";

dayjs.extend(utc);
dayjs.extend(timezone);

export default {
  name: "el-date-picker-tz",
  props: {
    modelValue: {
      type: String,
      required: true
    }
  },
  setup(props, { emit }) {
    const localizedDate = computed({
      get: () => {
        if (MasterData.TZ)
          return dayjs.tz(props.modelValue, MasterData.TZ);
        else
          return dayjs(props.modelValue);
      },
      set: (value) => {
        console.log(localizedDate.value)
        emit('update:modelValue', localizedDate.value);
      }
    })
    return {
      localizedDate
    };
  }
};
</script>

seem it not working with wrap

[webvs2]

如果是plus版本的话，请前往plus仓库讨论