{"id":16434115,"url":"https://github.com/wangweianger/vue-calendar","last_synced_at":"2026-07-23T00:30:19.378Z","repository":{"id":57403606,"uuid":"105217342","full_name":"wangweianger/vue-calendar","owner":"wangweianger","description":"vue1 vue2 小巧全面的时间选择组件 支持双选择器","archived":false,"fork":false,"pushed_at":"2017-09-29T09:17:03.000Z","size":9,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-08T12:11:14.463Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/wangweianger.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-09-29T01:48:08.000Z","updated_at":"2018-04-19T03:12:16.000Z","dependencies_parsed_at":"2022-09-04T08:01:03.805Z","dependency_job_id":null,"html_url":"https://github.com/wangweianger/vue-calendar","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/wangweianger%2Fvue-calendar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangweianger%2Fvue-calendar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangweianger%2Fvue-calendar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangweianger%2Fvue-calendar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wangweianger","download_url":"https://codeload.github.com/wangweianger/vue-calendar/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240730747,"owners_count":19848412,"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-11T08:48:12.602Z","updated_at":"2026-07-23T00:30:19.319Z","avatar_url":"https://github.com/wangweianger.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-calendar\n\n### Case pictures\n\n![输入图片说明](https://git.oschina.net/uploads/images/2017/0929/170241_8561545c_818875.png \"在这里输入图片标题\")\n![输入图片说明](https://git.oschina.net/uploads/images/2017/0929/170243_068b0494_818875.png \"在这里输入图片标题\")\n![输入图片说明](https://git.oschina.net/uploads/images/2017/0929/170246_ee897477_818875.png \"在这里输入图片标题\")\n\n### Requirements\n\u003e  * Vue.js 1.1.0 ~   适用于vue1.0版本 \n\u003e  * Vue.js 2.3.0 ~   2.0vue版本需要大于2.3.0版本\n\n\u003e  *依赖插件为：zane-calendar ，不依赖任何第三方插件，包大小26K\n\n\n### Demo\n\nhttp://www.seosiwei.com/zaneDate/index.html   //参数一致\n\n\n### Instllation\n\n```\n$ npm install vue-date-calendar@1.2.0   vue1.0版本\n$ npm install vue-date-calendar         vue2.0版本\n\n```\n\n### Usage\n\n\n```\n\n\u003cvue-date-calendar :option.sync=\"option\"\u003e\u003c/vue-date-calendar\u003e\n\n\nimport vueDateCalendar from 'vue-date-calendar'\nexport default {\n\tcomponents: {\n\t  vueDateCalendar\n\t},\n\tdata(){\n    return {\n    \toption{\n    \t\telem:'#zane-calendar',   \t控件的dom原生 注意：仅限制于id选择器     (必填,id前必须有#号)\n\t\t\t\ttype:'day',   \t\t\t\t可选类型 day year month time doubleday doubleyear doublemonth doubletime (必填)\n\t\t\t\tlang:'cn',   \t\t\t\t可选择语言类型 cn , en  (可选)\n\t\t\t\twidth:280,  \t\t\t\t插件宽度配置   250 \u003c= X \u003c= 500 (可选)\n\t\t\t\theight:300, \t\t\t\t插件高度配置   250 \u003c= X \u003c= 350 (可选)\n\t\t\t\tbehindTop:10,   \t\t\t插件于输入框的高度  \t(可选)\n\t\t\t\tformat:'yyyy-MM-dd HH:mm:ss',  时间格式化 \t\t(可选)\n\t\t\t\tvalue:'',  \t\t\t\t\t插件初始默认值  \t\t(参数名必须，双向绑定value值)\n\t\t\t\tmin:'',  \t\t\t\t\t  可选取时间最小范围 1900-10-01 (可选)\n\t\t\t\tmax: '',  \t\t\t\t\t可选取时间最大范围 \t2099-12-31 (可选)\n\t\t\t\tzindex:100,   \t\t\t\tz-index值 (可选)\n\t\t\t\tshowtime:true,  \t\t\t是否显示选择时间 (可选)\n\t\t\t\tshowclean:true,  \t\t\t是否显示清除按钮 (可选)\n\t\t\t\tshownow:true,  \t\t\t\t是否显示当前按钮 (可选)\n\t\t\t\tshowsubmit:true, \t\t\t是否显示提交按钮 (可选)\n\t\t\t\thaveBotBtns:true, \t\t\t是否有底部按钮列表 (可选)\n\t\t\t\tcalendarName:'', \t\t\t此参数勿动 表示当前时间插件实例化对象 (可选)\n\t\t\t\tmounted:()=\u003e{}, \t\t\t插件加载完成之后调用 (可选)\n\t\t\t\tchange:()=\u003e{}, \t\t\t\t时间变更之后调用 (可选)\n\t\t\t\tdone:()=\u003e{}, \t\t\t\t选择完成之后调用 (可选)\n    \t}\n    }\n\t}    \n}\n\n\n//常用的option方式\noption:{\n\telem:\"#demo1\",\n\ttype:'year',\n\tfromate:'yyyy-MM-dd'\n}\n\noption:{\n\telem:\"#demo2\",\n\ttype:'doubleday',\n\tfromate:'yyyy-MM-dd',\n\tshowtime:true,\n}\n\n//参数配合会有很多的功能\n\n```\n\n### License\n\nThe MIT License\n\n\n\n\n\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwangweianger%2Fvue-calendar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwangweianger%2Fvue-calendar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwangweianger%2Fvue-calendar/lists"}