https://github.com/jd557/hoverdate
A simple calendar in javascript that appears when the mouse is over a date
https://github.com/jd557/hoverdate
Last synced: about 1 month ago
JSON representation
A simple calendar in javascript that appears when the mouse is over a date
- Host: GitHub
- URL: https://github.com/jd557/hoverdate
- Owner: JD557
- Created: 2013-10-01T21:53:40.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2013-10-01T22:44:23.000Z (over 11 years ago)
- Last Synced: 2025-04-01T18:09:23.489Z (about 1 month ago)
- Language: JavaScript
- Size: 109 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
HoverDate.js
============
A simple calendar in javascript that appears when the mouse is over a date.
Usage
-----
To use HoverDate.js, simply include the hoverdate.js file and call
`HoverDate(element,dateFormatString)`, where `element` is the id
of the element that you want to parse and `dateFormatString`
is the date format (for example "DD/MM/YYYY").
You can see an usage example in the `example.html` file.
Styling
-------
HoverDate.js comes with no default CSS.
Having said that, it's pretty easy to apply styles to it.
* `span.HoverDate` is a span that's applied to all the dates found
* `div#HoverDateCalendar` is the div that contains the calendar
* `div#HoverDateCalendar table` is the calendar
* `#HoverDateCalendar td.targetCell` is the cell that represents the target day
* `#HoverDateCalendar td.todayCell` is the cell that represents the current day
You can see an usage example in the `example.html` file.