{"id":28104999,"url":"https://github.com/jiandaoyun/perfect-datetimepicker","last_synced_at":"2025-06-26T20:32:49.331Z","repository":{"id":77842791,"uuid":"41750407","full_name":"jiandaoyun/Perfect-DateTimePicker","owner":"jiandaoyun","description":"A jQuery plugin for Date and Time Picker","archived":false,"fork":false,"pushed_at":"2020-07-24T15:31:38.000Z","size":467,"stargazers_count":43,"open_issues_count":4,"forks_count":22,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-06-05T13:47:40.970Z","etag":null,"topics":["bootstrap","datetime","datetimepicker","jquery","jquery-plugin"],"latest_commit_sha":null,"homepage":"http://jiandaoyun.github.io/Perfect-DateTimePicker/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jiandaoyun.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2015-09-01T16:31:55.000Z","updated_at":"2024-08-02T17:56:26.000Z","dependencies_parsed_at":"2023-04-05T06:20:53.619Z","dependency_job_id":null,"html_url":"https://github.com/jiandaoyun/Perfect-DateTimePicker","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jiandaoyun/Perfect-DateTimePicker","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jiandaoyun%2FPerfect-DateTimePicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jiandaoyun%2FPerfect-DateTimePicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jiandaoyun%2FPerfect-DateTimePicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jiandaoyun%2FPerfect-DateTimePicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jiandaoyun","download_url":"https://codeload.github.com/jiandaoyun/Perfect-DateTimePicker/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jiandaoyun%2FPerfect-DateTimePicker/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262139871,"owners_count":23265246,"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":["bootstrap","datetime","datetimepicker","jquery","jquery-plugin"],"created_at":"2025-05-13T21:19:06.743Z","updated_at":"2025-06-26T20:32:49.316Z","avatar_url":"https://github.com/jiandaoyun.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Perfect-DateTimePicker\n---\n\n## A jQuery plugin for Date and Time Picker(基于jQuery的日期时间选择器)\n\n**Demo:** [http://jiandaoyun.github.io/Perfect-DateTimePicker/](http://jiandaoyun.github.io/Perfect-DateTimePicker/)\n\n### Features(特性)\n0. Simple Interaction.(交互简单)\n0. Concise Interface.(界面整洁)\n0. Bootstrap Style.(类Bootstrap风格)\n\n### Preview(预览图)\n![](https://rawgit.com/jiandaoyun/Perfect-DateTimePicker/master/examples/1.png)\n![](https://rawgit.com/jiandaoyun/Perfect-DateTimePicker/master/examples/2.png)\n![](https://rawgit.com/jiandaoyun/Perfect-DateTimePicker/master/examples/3.png)\n![](https://rawgit.com/jiandaoyun/Perfect-DateTimePicker/master/examples/4.png)\n![](https://rawgit.com/jiandaoyun/Perfect-DateTimePicker/master/examples/5.png)\n![](https://rawgit.com/jiandaoyun/Perfect-DateTimePicker/master/examples/6.png)\n![](https://rawgit.com/jiandaoyun/Perfect-DateTimePicker/master/examples/7.png)\n\n### API(接口)\n\n* options(属性配置)\n\n\u003ctable\u003e\n\u003ctr\u003e\u003ctd\u003e\u003cb\u003eproperty(属性)\u003c/b\u003e\u003c/td\u003e\u003ctd\u003e\u003cb\u003etype(类型)\u003c/b\u003e\u003c/td\u003e\u003ctd\u003e\u003cb\u003edescription(描述)\u003c/b\u003e\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003ebaseCls\u003c/td\u003e\u003ctd\u003eString\u003c/td\u003e\u003ctd\u003ebase class(主样式)\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003elanguage\u003c/td\u003e\u003ctd\u003eString\u003c/td\u003e\u003ctd\u003e'zh'|'en'\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003eviewMode\u003c/td\u003e\u003ctd\u003eString\u003c/td\u003e\u003ctd\u003e'YM'|'YMD'|'YMDHMS'|'HMS'\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003estartDate\u003c/td\u003e\u003ctd\u003eDate\u003c/td\u003e\u003ctd\u003estart date(起始日期)\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003eendDate\u003c/td\u003e\u003ctd\u003eDate\u003c/td\u003e\u003ctd\u003eend date(结束日期)\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003edate\u003c/td\u003e\u003ctd\u003eDate\u003c/td\u003e\u003ctd\u003einitial date(初始值)\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003efirstDayOfWeek\u003c/td\u003e\u003ctd\u003eNumber\u003c/td\u003e\u003ctd\u003ethe first Day Of Week,0~6:Sunday~Saturday,default:0(指定每周的第一天，默认周日)\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003eonDateChange\u003c/td\u003e\u003ctd\u003eFunction\u003c/td\u003e\u003ctd\u003edate change event(日期修改事件)\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003eonClear\u003c/td\u003e\u003ctd\u003eFunction\u003c/td\u003e\u003ctd\u003eclear button click event(清除按钮事件)\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003eonOk\u003c/td\u003e\u003ctd\u003eFunction\u003c/td\u003e\u003ctd\u003eok button click event(确认按钮事件)\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003eonClose\u003c/td\u003e\u003ctd\u003eFunction\u003c/td\u003e\u003ctd\u003eclose button click event(关闭按钮事件)\u003c/td\u003e\u003c/tr\u003e\n\u003c/table\u003e\n\n* APIs(调用接口)\n\n\u003ctable\u003e\n\u003ctr\u003e\u003ctd\u003e\u003cb\u003efunction(方法)\u003c/b\u003e\u003c/td\u003e\u003ctd\u003e\u003cb\u003etype(类型)\u003c/b\u003e\u003c/td\u003e\u003ctd\u003e\u003cb\u003eparameters(参数)\u003c/b\u003e\u003c/td\u003e\u003ctd\u003e\u003cb\u003edescription(描述)\u003c/b\u003e\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003egetValue\u003c/td\u003e\u003ctd\u003eFunction\u003c/td\u003e\u003ctd\u003e无\u003c/td\u003e\u003ctd\u003e获取当前日期对象\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003egetText\u003c/td\u003e\u003ctd\u003eFunction\u003c/td\u003e\u003ctd\u003eformat(可选，日期格式，例如: 'YYYY-MM-DD HH:mm:ss')\u003c/td\u003e\u003ctd\u003e获取当前日期的文本格式\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003edestroy\u003c/td\u003e\u003ctd\u003eFunction\u003c/td\u003e\u003ctd\u003e无\u003c/td\u003e\u003ctd\u003e销毁对象\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003eelement\u003c/td\u003e\u003ctd\u003eObject\u003c/td\u003e\u003ctd\u003e无\u003c/td\u003e\u003ctd\u003e返回选择器的jQuery对象\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003e$datetable\u003c/td\u003e\u003ctd\u003eObject\u003c/td\u003e\u003ctd\u003e无\u003c/td\u003e\u003ctd\u003e返回日期选择面板的jQuery对象\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003e$monthtable\u003c/td\u003e\u003ctd\u003eObject\u003c/td\u003e\u003ctd\u003e无\u003c/td\u003e\u003ctd\u003e返回年月选择面板的jQuery对象\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003e$timetable\u003c/td\u003e\u003ctd\u003eObject\u003c/td\u003e\u003ctd\u003e无\u003c/td\u003e\u003ctd\u003e返回时间选择面板的jQuery对象\u003c/td\u003e\u003c/tr\u003e\n\u003c/table\u003e\n\n### Example(代码示例)\n\n```javascript\n    var picker = $('#demo1').datetimepicker({\n        date: new Date(),\n        viewMode: 'YMDHMS',\n        firstDayOfWeek: 0,\n        onDateChange: function(){\n            $('#date-text').text(this.getText());\n        },\n        onClose: function(){\n            this.element.remove();\n        }\n    });\n    console.log(picker.getText());\n    console.log(picker.getValue());\n    picker.element.hide();\n```\n\n### Compatible(浏览器兼容性)\nIE8+\n\n### License(协议)\n[MIT license](https://github.com/jiandaoyun/Perfect-DateTimePicker/blob/master/LICENSE)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjiandaoyun%2Fperfect-datetimepicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjiandaoyun%2Fperfect-datetimepicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjiandaoyun%2Fperfect-datetimepicker/lists"}