{"id":15612505,"url":"https://github.com/jsmecham/calendarview","last_synced_at":"2026-02-28T03:38:46.770Z","repository":{"id":396356,"uuid":"14388","full_name":"jsmecham/CalendarView","owner":"jsmecham","description":"A lightweight calendar widget for the Prototype JavaScript framework.","archived":false,"fork":false,"pushed_at":"2020-03-29T18:16:36.000Z","size":89,"stargazers_count":69,"open_issues_count":8,"forks_count":38,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-28T16:14:04.172Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://calendarview.org/","language":"JavaScript","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/jsmecham.png","metadata":{"files":{"readme":"README.markdown","changelog":"ChangeLog","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":"2008-05-04T05:29:41.000Z","updated_at":"2019-08-13T13:24:00.000Z","dependencies_parsed_at":"2022-07-07T13:36:14.259Z","dependency_job_id":null,"html_url":"https://github.com/jsmecham/CalendarView","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/jsmecham/CalendarView","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jsmecham%2FCalendarView","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jsmecham%2FCalendarView/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jsmecham%2FCalendarView/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jsmecham%2FCalendarView/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jsmecham","download_url":"https://codeload.github.com/jsmecham/CalendarView/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jsmecham%2FCalendarView/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261786867,"owners_count":23209563,"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-03T06:43:16.282Z","updated_at":"2026-02-28T03:38:41.751Z","avatar_url":"https://github.com/jsmecham.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"CalendarView\n============\n\nA lightweight JavaScript calendar widget that follows current web standards\nand best practices. It was developed for use with the Prototype JavaScript\nframework (requires Prototype 1.6 or greater).\n\nMore information (including examples and latest releases) can be found at\n[calendarview.org](http://calendarview.org/).\n\nCalendarView is developed and maintained by [Justin Mecham](mailto:justin@aspect.net).\n\n\n\nBasic Usage\n-----------\n\n### Step 1 ###\n\nInclude the JavaScript (calendarview.js) and CSS (calendarview.css)\nin the header of your HTML document:\n\n    \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"path/to/calendarview.css\" /\u003e\n    \u003cscript type=\"text/javascript\" src=\"path/to/calendarview.js\"\u003e\u003c/script\u003e\n\n### Step 2 ###\n\nCreate a container element for the calendar to be displayed within:\n\n    \u003cdiv id=\"my_calendar\"\u003e\n      \u003c!-- CalendarView will be inserted here! --\u003e\n    \u003c/div\u003e\n\n### Step 3 ###\n\nCreate another container element to receive the date that the user\nselects:\n\n    \u003cspan id=\"selected_date\"\u003e\u003c!-- Selected date will be inserted here! --\u003e\u003c/span\u003e\n\nFor most cases, you're going to want to add this to a form. To add the value\nto a form element, just reference the input element by its dom id:\n\n    \u003cinput type=\"hidden\" id=\"selected_date\" /\u003e\n\n### Step 4 ###\n\nInitialize a CalendarView instance for the container and date field\nyou've set up:\n\n    \u003cscript type=\"text/javascript\"\u003e\n      var calendar = CalendarView.new(\n        { parentElement: 'my_calendar', dateField: 'selected_date' }\n      )\n    \u003c/script\u003e\n\n\n\nCustomization\n-------------\n\nSince it adheres to the latest web standards and best practices, its simple\nto integrate CalendarView with your web site or project. All styling is done\nvia CSS and functionally integrating with the site is as simple as registering\nyour JavaScript as callbacks on the calendar.\n\n### Output HTML ###\n\nYou are encouraged to style the calendar to match your specific needs. For\nreference, the following is the HTML as it is output from the script:\n\n    \u003cdiv class=\"calendar\"\u003e\n      \u003ctable\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n            \u003ctd colspan=\"7\" class=\"title\"\u003eJanuary 2009\u003c/td\u003e\n          \u003c/tr\u003e\n          \u003ctr\u003e\n            \u003ctd class=\"button\"\u003e«\u003c/td\u003e\n            \u003ctd class=\"button\"\u003e‹\u003c/td\u003e\n            \u003ctd colspan=\"3\" class=\"button\"\u003eToday\u003c/td\u003e\n            \u003ctd class=\"button\"\u003e›\u003c/td\u003e\n            \u003ctd class=\"button\"\u003e»\u003c/td\u003e\n          \u003c/tr\u003e\n          \u003ctr\u003e\n            \u003cth class=\"weekend\"\u003eS\u003c/th\u003e\n            \u003cth\u003eM\u003c/th\u003e\n            \u003cth\u003eT\u003c/th\u003e\n            \u003cth\u003eW\u003c/th\u003e\n            \u003cth\u003eT\u003c/th\u003e\n            \u003cth\u003eF\u003c/th\u003e\n            \u003cth class=\"weekend\"\u003eS\u003c/th\u003e\n          \u003c/tr\u003e\n        \u003c/thead\u003e\n        \u003ctbody\u003e\n          \u003ctr class=\"days\"\u003e\n            \u003ctd class=\"otherDay weekend\"\u003e28\u003c/td\u003e\n            \u003ctd class=\"otherDay\"\u003e29\u003c/td\u003e\n            \u003ctd class=\"otherDay\"\u003e30\u003c/td\u003e\n            \u003ctd class=\"otherDay\"\u003e31\u003c/td\u003e\n            \u003ctd\u003e1\u003c/td\u003e\n            \u003ctd\u003e2\u003c/td\u003e\n            \u003ctd class=\"weekend\"\u003e3\u003c/td\u003e\n          \u003c/tr\u003e\n          ... snip ...\n        \u003c/tbody\u003e\n      \u003c/table\u003e\n    \u003c/div\u003e\n\n\n\nAdditional Resources\n--------------------\n\n* [CalendarView Web Site](http://calendarview.org/)\n* [Source Code (GitHub)](http://github.com/jsmecham/calendarview/)\n* [Issue Tracker (Lighthouse)](http://aspect.lighthouseapp.com/projects/23770-calendarview/overview)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjsmecham%2Fcalendarview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjsmecham%2Fcalendarview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjsmecham%2Fcalendarview/lists"}