article:
JS Plugin: Ideal Forms
article:
Elements Design: Scan my QR Code Business Cards

JS Plugin: jToday

Advertisement

"jToday is a jQuery plugin that displays a today calendar showing today's date or any date you specify. jToday is written in JavaScript."

"jToday also supports a year value, although I’ve hidden it in my examples. You can create your own CSS and background image that supports year if you are so inclined."


Screeshot

Plugin: jToday



Usage

HTML code
<div class="jToday"></div>

JavaScript code
$(".jToday").jToday();

CSS code
.jToday {
  position:relative;
  width:40px;
  height:38px;
  background-image:url(images/jTodayRed.png);
  overflow:hidden;
  text-align:center;
}
.jToday .year {
  display:none;
}
.jToday .month {
  font-weight:bold;
  color:#eeeeee;
  font-size:14px;
  line-height:14px;
}
.jToday .day {
  font-weight:bold;
  color:#444444;
  line-height:22px;
  font-size:22px;
}

or

You can also pass a date to jToday to display any given date, like this:
$(".jToday").jToday(new Date(2009, 3, 27));

or
you can embed the date in the HTML like this:

<div class="jToday">2008-01-01</div> <!-- this will display Jan 1 -->



source
download

Advertisement
Tags: plugin, jtoday, today, ajax, html, css, develop

Leave a Comment

No Comment

© Creative3x Ltd.