https://github.com/jsmecham/calendarview

A lightweight calendar widget for the Prototype JavaScript framework.
https://github.com/jsmecham/calendarview

Last synced: 4 months ago
JSON representation

A lightweight calendar widget for the Prototype JavaScript framework.

• Host: GitHub
• URL: https://github.com/jsmecham/calendarview
• Owner: jsmecham
• Created: 2008-05-04T05:29:41.000Z (about 18 years ago)
• Default Branch: master
• Last Pushed: 2020-03-29T18:16:36.000Z (over 6 years ago)
• Last Synced: 2025-04-28T16:14:04.172Z (about 1 year ago)
• Language: JavaScript
• Homepage: http://calendarview.org/
• Size: 86.9 KB
• Stars: 69
• Watchers: 5
• Forks: 38
• Open Issues: 8
• Metadata Files:
  • Readme: README.markdown
  • Changelog: ChangeLog

Awesome Lists containing this project

README

          
CalendarView

============

A lightweight JavaScript calendar widget that follows current web standards

and best practices. It was developed for use with the Prototype JavaScript

framework (requires Prototype 1.6 or greater).

More information (including examples and latest releases) can be found at

[calendarview.org](http://calendarview.org/).

CalendarView is developed and maintained by [Justin Mecham](mailto:justin@aspect.net).

Basic Usage

-----------

### Step 1 ###

Include the JavaScript (calendarview.js) and CSS (calendarview.css)

in the header of your HTML document:

    

    

### Step 2 ###

Create a container element for the calendar to be displayed within:

    


      

    


### Step 3 ###

Create another container element to receive the date that the user

selects:

    

For most cases, you're going to want to add this to a form. To add the value

to a form element, just reference the input element by its dom id:

    

### Step 4 ###

Initialize a CalendarView instance for the container and date field

you've set up:

    

      var calendar = CalendarView.new(

        { parentElement: 'my_calendar', dateField: 'selected_date' }

      )

    

Customization

-------------

Since it adheres to the latest web standards and best practices, its simple

to integrate CalendarView with your web site or project. All styling is done

via CSS and functionally integrating with the site is as simple as registering

your JavaScript as callbacks on the calendar.

### Output HTML ###

You are encouraged to style the calendar to match your specific needs. For

reference, the following is the HTML as it is output from the script:

    


      

        

          

            January 2009

          

          

            «

            ‹

            Today

            ›

            »

          

          

            S

            M

            T

            W

            T

            F

            S

          

        

        

          

            28

            29

            30

            31

            1

            2

            3

          

          ... snip ...

        

      

    


Additional Resources

--------------------

* [CalendarView Web Site](http://calendarview.org/)

* [Source Code (GitHub)](http://github.com/jsmecham/calendarview/)

* [Issue Tracker (Lighthouse)](http://aspect.lighthouseapp.com/projects/23770-calendarview/overview)