feat(nc-gui): handle import datetime

packages/nc-gui/components/template/Editor.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import dayjs from 'dayjs'
+import utc from 'dayjs/plugin/utc'
 import type { ColumnType, TableType } from 'nocodb-sdk'
 import { UITypes, isSystemColumn, isVirtualCol } from 'nocodb-sdk'
 import { srcDestMappingColumns, tableColumns } from './utils'
@@ -30,6 +32,8 @@ const { quickImportType, projectTemplate, importData, importColumns, importOnly,
 
 const emit = defineEmits(['import'])
 
+dayjs.extend(utc)
+
 const { t } = useI18n()
 
 interface Props {
@@ -222,13 +226,19 @@ function setEditableTn(tableIdx: number, val: boolean) {
 
 function remapColNames(batchData: any[], columns: ColumnType[]) {
   return batchData.map((data) =>
-    (columns || []).reduce(
-      (aggObj, col: Record<string, any>) => ({
+    (columns || []).reduce((aggObj, col: Record<string, any>) => {
+      let d = data[col.ref_column_name || col.column_name]
+      // TODO: handle Date format
+      if (col.uidt === UITypes.DateTime && d) {
+        d = dayjs(data[col.ref_column_name || col.column_name])
+          .utc()
+          .format('YYYY-MM-DD HH:mm')
+      }
+      return {
         ...aggObj,
-        [col.column_name]: data[col.ref_column_name || col.column_name],
-      }),
-      {},
-    ),
+        [col.column_name]: d,
+      }
+    }, {}),
   )
 }