sample view

  1. 2008
    1. 1
      1. 1
      2. 2
      3. 3
      4. 4
      5. 5
      6. 6
      7. 7
      8. 8
      9. 9
      10. 10
      11. 11
      12. 12
      13. 13
      14. 14
      15. 15
      16. 16
      17. 17
      18. 18
      19. 19
      20. 20
      21. 21
      22. 22
      23. 23
      24. 24
      25. 25
      26. 26
      27. 27
      28. 28
      29. 29
      30. 30
      31. 31
    2. 2
      1. 1
      2. 2
      3. 3
      4. 4
      5. 5
      6. 6
      7. 7
      8. 8
      9. 9
      10. 10
      11. 11
      12. 12
      13. 13
      14. 14
      15. 15
      16. 16
      17. 17
      18. 18
      19. 19
      20. 20
      21. 21
      22. 22
      23. 23
      24. 24
      25. 25
      26. 26
      27. 27
      28. 28
      29. 29

html source

<div class="calendar">
<ol class="year">
    <li>2008
        <ol class="month">
            <li>1
                <ol class="day">
                    <li class="tue">1</li>
                    <li class="wed">2</li>
                    <li class="thu">3</li>
                    <li class="fri">4</li>
                    <li class="sat">5</li>
                    <li class="sun">6</li>
                    <li class="mon">7</li>
                        :
                    <li class="tue">29</li>
                    <li class="wed">30</li>
                    <li class="thu">31</li>
                </ol>
            </li>
            <li>2
                <ol class="day">
                    <li class="fri">1</li>
                    <li class="sat">2</li>
                        :
                    <li class="thu">28</li>
                    <li class="fri">29</li>
                </ol>
            </li>
        </ol>
    </li>
</ol>
</div>