Skip to content

Instantly share code, notes, and snippets.

@lulalala

lulalala/calendar

Created September 3, 2014 06:13
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save lulalala/115f0383ae688c07733c to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save lulalala/115f0383ae688c07733c to your computer and use it in GitHub Desktop.
Download ZIP
SimpleCalendar styling
Raw
calendar
<table class="calendar"><thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead><tbody><tr><td class="day past current-month wday-1">09/01
</td><td class="day past current-month wday-2">09/02
</td><td class="day today current-month wday-3"><a href="">09/03</a>
</td><td class="day future current-month wday-4">09/04
</td><td class="day future current-month wday-5">09/05
</td><td class="day future current-month wday-6">09/06
</td><td class="day future current-month wday-0">09/07
</td></tr><tr><td class="day future current-month wday-1">09/08
</td><td class="day future current-month wday-2">09/09
</td><td class="day future current-month wday-3">09/10
</td><td class="day future current-month wday-4">09/11
</td><td class="day future current-month wday-5">09/12
</td><td class="day future current-month wday-6">09/13
</td><td class="day future current-month wday-0">09/14
</td></tr><tr><td class="day future current-month wday-1">09/15
</td><td class="day future current-month wday-2">09/16
</td><td class="day future current-month wday-3">09/17
</td><td class="day future current-month wday-4">09/18
</td><td class="day future current-month wday-5">09/19
</td><td class="day future current-month wday-6">09/20
</td><td class="day future current-month wday-0">09/21
</td></tr><tr><td class="day future current-month wday-1">09/22
</td><td class="day future current-month wday-2">09/23
</td><td class="day future current-month wday-3">09/24
</td><td class="day future current-month wday-4">09/25
</td><td class="day future current-month wday-5">09/26
</td><td class="day future current-month wday-6">09/27
</td><td class="day future current-month wday-0">09/28
</td></tr><tr><td class="day future current-month wday-1">09/29
</td><td class="day future current-month wday-2">09/30
</td><td class="day future next-month wday-3">10/01
</td><td class="day future next-month wday-4">10/02
</td><td class="day future next-month wday-5">10/03
</td><td class="day future next-month wday-6">10/04
</td><td class="day future next-month wday-0">10/05
</td></tr></tbody></table>
Raw
td classes
today
past
future
prev-month
next-month
current-month
wday-0
wday-1
wday-2
wday-3
wday-4
wday-5
wday-6
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment