{"id":14988598,"url":"https://github.com/ittus/vue-monthly-picker","last_synced_at":"2025-05-11T18:15:07.505Z","repository":{"id":57741997,"uuid":"101868216","full_name":"ittus/vue-monthly-picker","owner":"ittus","description":"VueJS Monthly Picker component","archived":false,"fork":false,"pushed_at":"2020-08-25T01:22:38.000Z","size":4148,"stargazers_count":69,"open_issues_count":9,"forks_count":27,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-12T19:41:08.947Z","etag":null,"topics":["buefy","bulma","month-picker","monthly-picker","vuejs"],"latest_commit_sha":null,"homepage":"https://ittus.github.io/vue-monthly-picker/#/","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/ittus.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}},"created_at":"2017-08-30T10:22:25.000Z","updated_at":"2023-12-26T14:33:55.000Z","dependencies_parsed_at":"2022-09-10T22:52:05.464Z","dependency_job_id":null,"html_url":"https://github.com/ittus/vue-monthly-picker","commit_stats":null,"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ittus%2Fvue-monthly-picker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ittus%2Fvue-monthly-picker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ittus%2Fvue-monthly-picker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ittus%2Fvue-monthly-picker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ittus","download_url":"https://codeload.github.com/ittus/vue-monthly-picker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253451580,"owners_count":21910734,"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":["buefy","bulma","month-picker","monthly-picker","vuejs"],"created_at":"2024-09-24T14:17:00.694Z","updated_at":"2025-05-10T17:22:26.885Z","avatar_url":"https://github.com/ittus.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/8buMYCOog"],"categories":["UI组件","Components \u0026 Libraries","UI Components","UI Components [🔝](#readme)"],"sub_categories":["形成","UI Components","Form"],"readme":"# vue-monthly-picker\n\n\u003e Vue Monthly Picker Components\n\n[![npm version](https://badge.fury.io/js/vue-monthly-picker.svg)](https://badge.fury.io/js/vue-monthly-picker)\n[![CircleCI](https://circleci.com/gh/ittus/vue-monthly-picker.svg?style=shield\u0026circle-token=fa41e296ca28a346dfcea28addb1d5f671f187a8)](https://circleci.com/gh/ittus/vue-monthly-picker)\n\nCheckout demo at https://ittus.github.io/vue-monthly-picker/\n\n# Support\n\u003ca href=\"https://www.buymeacoffee.com/8buMYCOog\" target=\"_blank\"\u003e\u003cimg src=\"https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png\" alt=\"Buy Me A Coffee\" style=\"height: auto !important;width: auto !important;\"\u003e\u003c/a\u003e\n\n# Install\n```\nnpm install vue-monthly-picker --save\n```\n```javascript\nimport VueMonthlyPicker from 'vue-monthly-picker'\nVue.component('my-component', {\n    components: {\n        VueMonthlyPicker\n    }\n});\n```\n# Usage\n\n```html\n\u003cvue-monthly-picker\n v-model=\"selectedMonth\"\u003e\n\u003c/vue-monthly-picker\u003e\n```\n\n**Note**: `v-model` binding value need to be a **moment** object\n## Available props\n\n\n| Prop                  | Type            | Default     | Description                              |\n|-----------------------|-----------------|-------------|------------------------------------------|\n| disabled                 | Boolean    |      `false`     | Enable/disable component             |\n| monthLabels                  | Array          |    `['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']`         | Customize month labels                      |\n| placeHolder                  | String          |    ''         | Place holder when value is null                      |\n| min                  | moment          |    `null`         | Minimum time to select                      |\n| max                  | moment          |    `null`         | Maximum time to select                      |\n| dateFormat                  | String          |    `YYYY/MM`         | Display format.                      |\n| value                  | moment          |    `null`         | Moment value of selected month and year                  |\n| alignment                  | String          |    `left`         | Alignment of input value, possible value: `left`, `right`, `center`                  |\n| selectedBackgroundColor                  | String          |    `#007bff`         | Background color of selected value. It can be HTML color name (red, green, blue) or hexa color code (`#00FF00`, `#0000FF`)                  |\n| clearOption                  | Boolean          |    true         | Show/Hide clear option                  |\n| inputClass                  | String          |    `input`         | Customize css class for visible element                  |\n\n\n## Events\n\n| Event | Params | Description |\n|-------|--------|-------------|\n|selected| selected month in `moment`| A month has been selected |\n\n## Build Setup\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:8080\nnpm run dev\n\n# build for production with minification\nnpm run build\n\n# run all tests\nnpm run test\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fittus%2Fvue-monthly-picker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fittus%2Fvue-monthly-picker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fittus%2Fvue-monthly-picker/lists"}