diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/DateTimePickerCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/DateTimePickerCell.vue
index 6f3566307f..36b39f53f8 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/DateTimePickerCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/DateTimePickerCell.vue
@@ -3,6 +3,7 @@
+
+
+ ERR: Couldn't parse {{ this.value }}
+
@@ -31,6 +36,9 @@ export default {
props: {
value: [String, Date, Number], ignoreFocus: Boolean
},
+ data: () => ({
+ showMessage: false
+ }),
computed: {
isMysql() {
return ['mysql', 'mysql2'].indexOf(this.$store.getters['project/GtrClientType'])
@@ -40,8 +48,12 @@ export default {
if (!this.value) {
return this.value
}
- return (/^\d+$/.test(this.value) ? dayjs(+this.value) : dayjs(this.value))
- .format('YYYY-MM-DD HH:mm')
+ const d = (/^\d+$/.test(this.value) ? dayjs(+this.value) : dayjs(this.value))
+ if (d.isValid()) {
+ return d.format('YYYY-MM-DD HH:mm')
+ } else {
+ this.showMessage = true
+ }
},
set(value) {
if (this.isMysql) {
@@ -85,6 +97,12 @@ export default {
padding-top: 0 !important;
font-size: inherit !important;
}
+
+.edit-warning {
+ padding: 10px;
+ text-align: left;
+ color: #E65100;
+}