{"id":16788234,"url":"https://github.com/nkoehring/vuedt","last_synced_at":"2025-07-08T04:41:51.503Z","repository":{"id":19525683,"uuid":"87248572","full_name":"nkoehring/vuedt","owner":"nkoehring","description":"super lightweight Vuejs Date and Time picker component with decent UI and full i18n support","archived":false,"fork":false,"pushed_at":"2022-12-09T08:15:55.000Z","size":1842,"stargazers_count":9,"open_issues_count":13,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-04-14T19:31:04.660Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://nkoehring.github.io/vuedt/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nkoehring.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":[],"patreon":null,"open_collective":null,"ko_fi":"koehr","tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2017-04-05T00:36:01.000Z","updated_at":"2024-04-02T21:30:23.000Z","dependencies_parsed_at":"2023-01-11T20:29:38.590Z","dependency_job_id":null,"html_url":"https://github.com/nkoehring/vuedt","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nkoehring%2Fvuedt","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nkoehring%2Fvuedt/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nkoehring%2Fvuedt/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nkoehring%2Fvuedt/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nkoehring","download_url":"https://codeload.github.com/nkoehring/vuedt/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243951177,"owners_count":20373705,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-13T08:17:18.868Z","updated_at":"2025-03-17T00:23:24.308Z","avatar_url":"https://github.com/nkoehring.png","language":"Vue","funding_links":["https://ko-fi.com/koehr"],"categories":["UI组件","Components \u0026 Libraries","UI Components","UI Components [🔝](#readme)"],"sub_categories":["形成","UI Components","Form"],"readme":"VueDT\n=====\n\nSuper lightweight Vuejs Date and Time picker component with i18n support. Only 3.3kb minified and gzipped!\n\nScreenshots\n-----------\n\n![Screenshot01](https://raw.githubusercontent.com/nkoehring/vuedt/master/vuedt01.jpg)\n![Screenshot02](https://raw.githubusercontent.com/nkoehring/vuedt/master/vuedt02.jpg)\n\nThere are also nice animations 'n stuff.\n\nUsage\n-----\n\nSimple standard example for a date and time picker that is initialized with a data value:\n\n```html\n\u003ctemplate\u003e\n  \u003cVueDT v-model=\"date\" /\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\n// don't forget to import the styles\nimport 'vuedt/dist/vuedt.css'\nimport VueDT from 'vuedt'\n\nexport default {\n  components: { VueDT },\n  data () {\n    return {\n      date: new Date()\n    }\n  }\n}\n\u003c/script\u003e\n```\n\nMore possibilities:\n\n```html\n\u003ctemplate\u003e\n  \u003c!-- only calendar, no clock --\u003e\n  \u003cVueDT v-model=\"date\" :time=\"false\" /\u003e\n\n  \u003c!-- show a placeholder until a date is selected --\u003e\n  \u003cVueDT v-model=\"date\" placeholder=\"select date\" /\u003e\n\n  \u003c!-- Use a specific locale. You can also pass locale-options,\n       both are passed to date.toLocaleString(locale, localeOptions)\n\n       If :time=\"false\" all options regarding the time are deleted. --\u003e\n  \u003cVueDT v-model=\"date\" locale=\"de-DE\" :locale-options=\"...\" /\u003e\n\n  \u003c!-- Set a specific timezone (can also be set via locale-options) --\u003e\n  \u003cVueDT v-model=\"date\" time-zone=\"Europe/Berlin\" /\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\nimport 'vuedt/dist/vuedt.css'\nimport VueDT from 'vuedt'\n\nexport default {\n  components: { VueDT },\n  data () {\n    return {\n      date: new Date()\n    }\n  }\n}\n\u003c/script\u003e\n```\n\nSee [the Date toLocaleString MDN page](https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString) for all possible possible locale options.\n\n\nPlanned features\n----------------\n\n * better way to store translations\n * black listing or white listing of dates and date ranges\n * highlighting of particular dates, date ranges and columns\n * (limited?) theming support\n\n\nContributing\n------------\n**This project is still in beta!**\nPlease help making it stable by testing and submitting issues and pull requests.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnkoehring%2Fvuedt","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnkoehring%2Fvuedt","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnkoehring%2Fvuedt/lists"}