document.write(''); document.write(''); document.write('
'); document.write('
Simple Calendar jQuery Plugin<\/a>
'); document.write('
(<\/span>function<\/span>(<\/span>$<\/span>)<\/span> {<\/span>\n  function<\/span> firstOfMonth<\/span>(<\/span>d<\/span>)<\/span> {<\/span>\n    return<\/span> new<\/span> Date<\/span>(<\/span>d<\/span>.<\/span>getFullYear<\/span>(),<\/span> d<\/span>.<\/span>getMonth<\/span>(),<\/span> 1<\/span>);<\/span>\n  }<\/span>\n  \n  function<\/span> sameDate<\/span>(<\/span>d1<\/span>,<\/span> d2<\/span>)<\/span> {<\/span>\n    return<\/span> d1<\/span>.<\/span>getFullYear<\/span>()<\/span> ==<\/span> d2<\/span>.<\/span>getFullYear<\/span>()<\/span> &&<\/span>\n      d1<\/span>.<\/span>getMonth<\/span>()<\/span> ==<\/span> d2<\/span>.<\/span>getMonth<\/span>()<\/span> &&<\/span>\n      d1<\/span>.<\/span>getDate<\/span>()<\/span> ==<\/span> d2<\/span>.<\/span>getDate<\/span>();<\/span>\n  }<\/span>\n  \n  function<\/span> renderCalendar<\/span>(<\/span>dateForMonth<\/span>,<\/span> selectedDate<\/span>)<\/span> {<\/span>\n    function<\/span> dayOfWeekHeaders<\/span>()<\/span> {<\/span>\n      var<\/span> dayLabels<\/span> =<\/span> [<\/span>'S'<\/span>,<\/span> 'M'<\/span>,<\/span> 'T'<\/span>,<\/span> 'W'<\/span>,<\/span> 'T'<\/span>,<\/span> 'F'<\/span>,<\/span> 'S'<\/span>];<\/span>\n      output<\/span>.<\/span>push<\/span>(<\/span>'<tr>'<\/span>);<\/span>\n      for<\/span> (<\/span>var<\/span> i<\/span> =<\/span> 0<\/span>;<\/span> i<\/span> <<\/span> 7<\/span>;<\/span> i<\/span>++<\/span>)<\/span> {<\/span>\n        output<\/span>.<\/span>push<\/span>(<\/span>'<th>'<\/span>);<\/span>\n        output<\/span>.<\/span>push<\/span>(<\/span>dayLabels<\/span>[<\/span>i<\/span>]);<\/span>\n        output<\/span>.<\/span>push<\/span>(<\/span>'</th>'<\/span>);<\/span>\n      }<\/span>\n      output<\/span>.<\/span>push<\/span>(<\/span>'</tr>'<\/span>);<\/span>\n    }<\/span>\n\n    function<\/span> blankDaysBeforeFirst<\/span>(<\/span>dateForFirst<\/span>)<\/span> {<\/span>\n      for<\/span> (<\/span>var<\/span> i<\/span> =<\/span> 0<\/span>;<\/span> i<\/span> <<\/span> dateForFirst<\/span>.<\/span>getDay<\/span>();<\/span> i<\/span>++<\/span>)<\/span> {<\/span>\n        output<\/span>.<\/span>push<\/span>(<\/span>'<td></td>'<\/span>);<\/span>\n      }<\/span>\n    }<\/span>\n\n    function<\/span> blankDaysAfterLast<\/span>(<\/span>dayOfWeek<\/span>)<\/span> {<\/span>\n      if<\/span> (<\/span>dayOfWeek<\/span> !=<\/span> 6<\/span>)<\/span> {<\/span>\n        for<\/span> (<\/span>var<\/span> i<\/span> =<\/span> dayOfWeek<\/span>;<\/span> i<\/span> <<\/span> 6<\/span>;<\/span> i<\/span>++<\/span>)<\/span> {<\/span>\n          output<\/span>.<\/span>push<\/span>(<\/span>'<td></td>'<\/span>);<\/span>\n        }<\/span>\n        output<\/span>.<\/span>push<\/span>(<\/span>'</tr>'<\/span>);<\/span>\n      }<\/span>\n    }<\/span>\n\n    function<\/span> dayCell<\/span>(<\/span>date<\/span>)<\/span> {<\/span>\n      if<\/span> (<\/span>sameDate<\/span>(<\/span>date<\/span>,<\/span> selectedDate<\/span>))<\/span> {<\/span>\n        output<\/span>.<\/span>push<\/span>(<\/span>'<td class="selected">'<\/span>);<\/span>\n        output<\/span>.<\/span>push<\/span>(<\/span>d<\/span>.<\/span>getDate<\/span>());<\/span>\n        output<\/span>.<\/span>push<\/span>(<\/span>'</td>'<\/span>);<\/span>\n      }<\/span> else<\/span> {<\/span>\n        output<\/span>.<\/span>push<\/span>(<\/span>'<td><a href=#>'<\/span>);<\/span>\n        output<\/span>.<\/span>push<\/span>(<\/span>d<\/span>.<\/span>getDate<\/span>());<\/span>\n        output<\/span>.<\/span>push<\/span>(<\/span>'</a></td>'<\/span>);<\/span>\n      }<\/span>\n    }<\/span>\n\n    var<\/span> output<\/span> =<\/span> [];<\/span>\n    output<\/span>.<\/span>push<\/span>(<\/span>'<table class="calendar">'<\/span>);<\/span>\n    dayOfWeekHeaders<\/span>();<\/span>\n    output<\/span>.<\/span>push<\/span>(<\/span>'<tr>'<\/span>);<\/span>\n    blankDaysBeforeFirst<\/span>(<\/span>dateForMonth<\/span>);<\/span>\n    var<\/span> currentMonth<\/span> =<\/span> dateForMonth<\/span>.<\/span>getMonth<\/span>();<\/span>\n    var<\/span> d<\/span> =<\/span> firstOfMonth<\/span>(<\/span>dateForMonth<\/span>);<\/span>\n    while<\/span> (<\/span>d<\/span>.<\/span>getMonth<\/span>()<\/span> ==<\/span> currentMonth<\/span>)<\/span> {<\/span>\n      var<\/span> dayOfWeek<\/span> =<\/span> d<\/span>.<\/span>getDay<\/span>();<\/span>\n      if<\/span> (<\/span>dayOfWeek<\/span> ==<\/span> 0<\/span> &&<\/span> d<\/span>.<\/span>getDate<\/span>()<\/span> !=<\/span> 1<\/span>)<\/span> {<\/span>\n        output<\/span>.<\/span>push<\/span>(<\/span>'<tr>'<\/span>);<\/span>\n      }<\/span>\n      dayCell<\/span>(<\/span>d<\/span>);<\/span>\n      if<\/span> (<\/span>dayOfWeek<\/span> ==<\/span> 6<\/span>)<\/span> {<\/span>\n        output<\/span>.<\/span>push<\/span>(<\/span>'</tr>'<\/span>);<\/span>\n      }<\/span>\n      d<\/span>.<\/span>setDate<\/span>(<\/span>d<\/span>.<\/span>getDate<\/span>()<\/span> +<\/span> 1<\/span>);<\/span>\n    }<\/span>\n    d<\/span>.<\/span>setDate<\/span>(<\/span>d<\/span>.<\/span>getDate<\/span>()<\/span> -<\/span> 1<\/span>);<\/span> // Go back to last day of month...<\/span>\n    blankDaysAfterLast<\/span>(<\/span>d<\/span>.<\/span>getDay<\/span>());<\/span>\n    output<\/span>.<\/span>push<\/span>(<\/span>'</table>'<\/span>);<\/span>\n    return<\/span> output<\/span>.<\/span>join<\/span>(<\/span>''<\/span>);<\/span>\n  }<\/span>\n  \n  $<\/span>.<\/span>fn<\/span>.<\/span>calendar<\/span> =<\/span> function<\/span>()<\/span> {<\/span>\n    return<\/span> this<\/span>.<\/span>each<\/span>(<\/span>function<\/span>()<\/span> {<\/span>\n      var<\/span> $cal<\/span> =<\/span> $<\/span>(<\/span>this<\/span>);<\/span>\n      var<\/span> selectedDate<\/span> =<\/span> new<\/span> Date<\/span>();<\/span>\n      var<\/span> displayedMonthDate<\/span> =<\/span> firstOfMonth<\/span>(<\/span>selectedDate<\/span>);<\/span>\n      var<\/span> renderHtml<\/span> =<\/span> function<\/span>()<\/span> {<\/span>\n        $cal<\/span>.<\/span>html<\/span>(<\/span>renderCalendar<\/span>(<\/span>displayedMonthDate<\/span>,<\/span> selectedDate<\/span>));<\/span>\n        $<\/span>(<\/span>"a"<\/span>,<\/span> $cal<\/span>).<\/span>click<\/span>(<\/span>function<\/span>(<\/span>ev<\/span>)<\/span> {<\/span>\n          var<\/span> dayOfMonth<\/span> =<\/span> parseInt<\/span>(<\/span>$<\/span>(<\/span>this<\/span>).<\/span>text<\/span>());<\/span>\n          selectedDate<\/span> =<\/span> new<\/span> Date<\/span>(<\/span>\n            displayedMonthDate<\/span>.<\/span>getFullYear<\/span>(),<\/span>\n            displayedMonthDate<\/span>.<\/span>getMonth<\/span>(),<\/span>\n            dayOfMonth<\/span>\n          );<\/span>\n          renderHtml<\/span>();<\/span>\n          $cal<\/span>.<\/span>trigger<\/span>(<\/span>'selectedDateChanged'<\/span>,<\/span> [<\/span>selectedDate<\/span>]);<\/span>\n        });<\/span>\n      };<\/span>\n      $cal<\/span>.<\/span>bind<\/span>(<\/span>'showPrevMonth'<\/span>,<\/span> function<\/span>()<\/span> {<\/span>\n        var<\/span> month<\/span> =<\/span> displayedMonthDate<\/span>.<\/span>getMonth<\/span>()<\/span> -<\/span> 1<\/span>;<\/span>\n        displayedMonthDate<\/span>.<\/span>setMonth<\/span>(<\/span>month<\/span>);<\/span>\n        renderHtml<\/span>();<\/span>\n        $cal<\/span>.<\/span>trigger<\/span>(<\/span>'monthChanged'<\/span>,<\/span> [<\/span>displayedMonthDate<\/span>]);<\/span>\n      });<\/span>\n      $cal<\/span>.<\/span>bind<\/span>(<\/span>'showNextMonth'<\/span>,<\/span> function<\/span>()<\/span> {<\/span>\n        var<\/span> month<\/span> =<\/span> displayedMonthDate<\/span>.<\/span>getMonth<\/span>()<\/span> +<\/span> 1<\/span>;<\/span>\n        displayedMonthDate<\/span>.<\/span>setMonth<\/span>(<\/span>month<\/span>);<\/span>\n        renderHtml<\/span>();<\/span>\n        $cal<\/span>.<\/span>trigger<\/span>(<\/span>'monthChanged'<\/span>,<\/span> [<\/span>displayedMonthDate<\/span>]);<\/span>\n      });<\/span>\n      $cal<\/span>.<\/span>bind<\/span>(<\/span>'setSelectedDate'<\/span>,<\/span> function<\/span>(<\/span>ev<\/span>,<\/span> date<\/span>)<\/span> {<\/span>\n        selectedDate<\/span> =<\/span> date<\/span>;<\/span>\n        renderHtml<\/span>();<\/span>\n        $cal<\/span>.<\/span>trigger<\/span>(<\/span>'selectedDateChanged'<\/span>,<\/span> [<\/span>selectedDate<\/span>]);<\/span>\n      });<\/span>\n      renderHtml<\/span>();<\/span>\n    });<\/span>\n  };<\/span>\n})(<\/span>jQuery<\/span>);<\/span>\n<\/pre><\/div>\n
'); document.write('
'); document.write('
Posted by zdzolton<\/a> on Flowcoder<\/a>
'); document.write('
view raw<\/a>
'); document.write('
');