u

code/g3soft-libs/docs/examples/date/manual-input.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+// 手输容错：非法输入不会污染绑定值（红框 1.5 秒后回填已提交值）
+// 光标停在年/月/日/时/分段上按 ↑↓ 可以微调该段
+import { ref } from 'vue'
+import { G3DatePicker, G3Space } from '@g3soft/ui'
+
+const date = ref('2026-10-08 09:30')
+</script>
+
+<template>
+  <G3Space direction="vertical" :size="12" style="display: flex; width: 300px">
+    <G3DatePicker v-model="date" format="YYYY-MM-DD HH:mm" placeholder="试试手输 2026-13-45 看效果" />
+
+    <p style="margin: 0; font-size: 12px; color: #6b7280; line-height: 1.7">
+      支持的输入：<code>2026-10-08</code>、<code>2026/10/08</code>、<code>2026年10月8日</code>、
+      <code>2026-10-08 09:30</code>。部分输入（如只写 <code>2026-10</code>）会被补全。
+    </p>
+  </G3Space>
+</template>