fix datetime show in ui is show as utc time instead of local time

This commit is contained in:
geekgeekrun
2024-12-28 10:11:12 +08:00
parent 54eaa00b67
commit 8e7ae48fb3
5 changed files with 19 additions and 8 deletions

View File

@@ -23,7 +23,7 @@
>
<template #header>
<div class="diff-table-header">
{{ dayjs(item.value).format('YYYY-MM-DD HH:mm:ss') }}
{{ transformUtcDateToLocalDate(item.value).format('YYYY-MM-DD HH:mm:ss') }}
<el-tooltip content="待对比条目少于2个" :disabled="tableProps.length > 1">
<el-radio v-model="diffPivot" :label="item.value" :disabled="tableProps.length <= 1">作为diff基准</el-radio>
</el-tooltip>
@@ -42,8 +42,8 @@ import { PropType, computed, ref, watch } from 'vue'
import { type VChatStartupLog } from '@geekgeekrun/sqlite-plugin/src/entity/VChatStartupLog'
import { JobInfoChangeLog } from '@geekgeekrun/sqlite-plugin/src/entity/JobInfoChangeLog'
import { ElTable, ElTableColumn, ElForm, ElFormItem, ElRow, ElCol, ElDivider } from 'element-plus'
import dayjs from 'dayjs'
import TextDiff from '../../components/TextDiff.vue'
import { transformUtcDateToLocalDate } from '@geekgeekrun/utils/date.mjs'
const props = defineProps({
jobInfo: {

View File

@@ -4,7 +4,7 @@
<el-form-item label="职位名称">{{ jobInfo.jobName }}</el-form-item>
<el-form-item label="职位分类">{{ jobInfo.positionName }}</el-form-item>
<el-form-item label="开聊时间">{{
dayjs(jobInfo.date).format('YYYY-MM-DD HH:mm:ss')
transformUtcDateToLocalDate(jobInfo.date).format('YYYY-MM-DD HH:mm:ss')
}}</el-form-item>
<el-form-item label="工作经验">{{ jobInfo.experienceName }}</el-form-item>
<el-form-item label="薪资">{{
@@ -21,7 +21,7 @@
<script setup lang="ts">
import { PropType } from 'vue'
import { type VChatStartupLog } from '@geekgeekrun/sqlite-plugin/src/entity/VChatStartupLog'
import dayjs from 'dayjs'
import { transformUtcDateToLocalDate } from '@geekgeekrun/utils/date.mjs'
const props = defineProps({
jobInfo: {

View File

@@ -17,7 +17,9 @@
<ElTableColumn
prop="date"
label="标记时间"
:formatter="(_row, _col, val) => dayjs(val).format('YYYY-MM-DD HH:mm:ss')"
:formatter="
(_row, _col, val) => transformUtcDateToLocalDate(val).format('YYYY-MM-DD HH:mm:ss')
"
/>
<ElTableColumn prop="bossName" label="BOSS" width="64" />
<ElTableColumn prop="markReason" label="标记原因" width="250">
@@ -101,10 +103,10 @@
import { ref, onMounted, onBeforeUnmount, h } from 'vue'
import { ElTable, ElTableColumn, ElButton, ElPagination, ElDrawer } from 'element-plus'
import { type VMarkAsNotSuitLog } from '@geekgeekrun/sqlite-plugin/src/entity/VMarkAsNotSuitLog'
import dayjs from 'dayjs'
import { PageReq, PagedRes } from '../../../../common/types/pagination'
import JobInfoSnapshot from '../../features/JobInfoSnapshot/index.vue'
import { MarkAsNotSuitReason } from '@geekgeekrun/sqlite-plugin/src/enums'
import { transformUtcDateToLocalDate } from '@geekgeekrun/utils/date.mjs'
const tableData = ref<VMarkAsNotSuitLog[]>([])
const pageSizeList = ref<number[]>([100, 200, 300, 400])

View File

@@ -17,7 +17,9 @@
<ElTableColumn
prop="date"
label="开聊时间"
:formatter="(_row, _col, val) => dayjs(val).format('YYYY-MM-DD HH:mm:ss')"
:formatter="
(_row, _col, val) => transformUtcDateToLocalDate(val).format('YYYY-MM-DD HH:mm:ss')
"
/>
<ElTableColumn prop="experienceName" label="工作经验" />
<ElTableColumn
@@ -84,7 +86,7 @@
import { ref, onMounted, onBeforeUnmount } from 'vue'
import { ElTable, ElTableColumn, ElButton, ElPagination, ElDrawer } from 'element-plus'
import { type VChatStartupLog } from '@geekgeekrun/sqlite-plugin/src/entity/VChatStartupLog'
import dayjs from 'dayjs'
import { transformUtcDateToLocalDate } from '@geekgeekrun/utils/date.mjs'
import { PageReq, PagedRes } from '../../../../common/types/pagination'
import JobInfoSnapshot from '../../features/JobInfoSnapshot/index.vue'

7
packages/utils/date.mjs Normal file
View File

@@ -0,0 +1,7 @@
import dayjs from 'dayjs'
import utc from 'dayjs/plugin/utc'
dayjs.extend(utc)
export const transformUtcDateToLocalDate = (utcString) => {
return dayjs.utc(utcString).local()
}