{ "slug": "calendar", "mode": "single", "curated": true, "examples": [ { "id": "calendar-ex-1", "title": "基础用法", "titleSrc": "", "desc": "", "html": "
", "preview": { "show": [ [ 0 ] ], "hide": [], "mode": "single" }, "previewSafe": true, "previewUnsafeReasons": [], "source": "curated", "code": { "html": "
", "jsx": "import { useState } from 'react';\nimport { KoleCalendar } from 'kole-ui/react';\n\nexport default function Demo() {\n // 选中日期,格式 yyyy-mm-dd\n const [date, setDate] = useState('2026-09-23');\n return ;\n}", "vue3": "\n\n", "vue2": "\n\n", "tsx": "import { useState } from 'react';\nimport { KoleCalendar } from 'kole-ui/react';\n\nexport default function Demo(): JSX.Element {\n // 选中日期,格式 yyyy-mm-dd\n const [date, setDate] = useState('2026-09-23');\n return ;\n}", "vue3ts": "\n\n", "vue2ts": "\n\n" }, "notes": [ "依据 frameworks/Calendar.html:17-18(view 年月与 selected 初值)与 :42 的 is-today/is-selected 单元格态;prop value/onChange 取自 frameworks/Calendar.jsx:10" ] } ] }