Эффекты на основе Java Script, jQuery и т.д.

Месячный календарь с текущей датой и переключением месяцев

Воскрес	Понедел	Вторник	Среда	Четверг	Пятница	Суббота

<Вернуться в каталог>

Скопируйте и вставте

Внутри тега <HEAD> - </HEAD>

Стили других частей календаря задаются в самом календаре.

Внутри тега <BODY> - </BODY> там где у Вас будет календарь.

<p>
     <input type="button" name="prev" onclick="prevMonth()" 
     value="<<">
     <input class=""mesjc type="text" size="15" name="monthYear" 
     value="">
     <input type="button" name="next" onclick="nextMonth()" value=">>">
   </p>
    
    <table bgcolor="#D4D4D4" class="kall" align=center border="1" cellpadding="0" cellspacing="0" 
    width="150">
        <tr bgcolor="#10A0A0">
            <td width="14%"><font><strong>Воскрес</strong></font></td>
            <td width="14%"><font><strong>Понедел</strong></font></td>
            <td width="14%"><font><strong>Вторник</strong></font></td>
            <td width="14%"><font><strong>Среда</strong></font></td>
            <td width="14%"><font><strong>Четверг</strong></font></td>
            <td width="15%"><font><strong>Пятница</strong></font></td>
            <td width="15%"><font><strong>Суббота</strong></font></td>
        </tr>
        <tr>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
	    name="s1" value=" 1 "></td>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s2" value=" 2 "></td>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s3" value=" 3 "></td>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s4" value=" 4 "></td>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s5" value=" 5 "></td>
            <td align="center" width="15%"><input type="button"
            onclick="setDate(this.value);"
            name="s6" value=" 6 "></td>
            <td align="center" width="15%"><input type="button"
            onclick="setDate(this.value);"
            name="s7" value=" 7 "></td>
        </tr>
        <tr>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s8" value=" 8 "></td>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s9" value=" 9 "></td>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s10" value="10"></td>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s11" value="11"></td>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s12" value="12"></td>
            <td align="center" width="15%"><input type="button"
            onclick="setDate(this.value);"
            name="s13" value="13"></td>
            <td align="center" width="15%"><input type="button"
            onclick="setDate(this.value);"
            name="s14" value="14"></td>
        </tr>
        <tr>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s15" value="15"></td>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s16" value="16"></td>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s17" value="17"></td>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s18" value="18"></td>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s19" value="19"></td>
            <td align="center" width="15%"><input type="button"
            onclick="setDate(this.value);"
            name="s20" value="20"></td>
            <td align="center" width="15%"><input type="button"
            onclick="setDate(this.value);"
            name="s21" value="21"></td>
        </tr>
        <tr>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s22" value="22"></td>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s23" value="23"></td>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s24" value="24"></td>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s25" value="25"></td>
            <td align="center" width="14%"><input type="button"
            onclick="setDate(this.value);"
            name="s26" value="26"></td>
            <td align="center" width="15%"><input type="button"
            onclick="setDate(this.value);"
            name="s27" value="27"></td>
            <td align="center" width="15%"><input type="button"
            onclick="setDate(this.value);"
            name="s28" value="28"></td>
        </tr>
        <tr>
            <td align="center"><input type="button" name="s29"
            onclick="setDate(this.value);"
            value="29"></td>
            <td align="center"><input type="button" name="s30"
            onclick="setDate(this.value);"
            value="30"></td>
            <td align="center"><input type="button" name="s31"
            onclick="setDate(this.value);"
            value="   "></td>
            <td align="center"><input type="button" name="s32"
            onclick="setDate(this.value);"
            value="   "></td>
            <td align="center"><input type="button" name="s33"
            onclick="setDate(this.value);"
            value="   "></td>
            <td align="center"><input type="button" name="s34"
            onclick="setDate(this.value);"
            value="   "></td>
            <td align="center"><input type="button" name="s35"
            onclick="setDate(this.value);"
            value="   "></td>
        </tr>
        <tr>
            <td align="center"><input type="button" name="s36"
            onclick="setDate(this.value);"
            value="   "></td>
            <td align="center"><input type="button" name="s37"
            onclick="setDate(this.value);"
            value="   "></td>
            <td align="center"><input type="button" name="s38"
            onclick="setDate(this.value);"
            value="   "></td>
            <td align="center"><input type="button" name="s39"
            onclick="setDate(this.value);"
            value="   "></td>
            <td align="center"><input type="button" name="s40"
            onclick="setDate(this.value);"
            value="   "></td>
            <td align="center"><input type="button" name="s41"
            onclick="setDate(this.value);"
            value="   "></td>
            <td align="center"><input type="button" name="s42"
            onclick="setDate(this.value);"
            value="   "></td>
        </tr>
    </table>
</form>
 <form>
  <table border=0 cellspacing=1 cellpadding=1>
  <tr>
  <td style="color: #ff0000;">
  <b>Сегодня:</b>
  </td>
  <td align=center>
  <input class="kallen" type=text size="12" name=dateField>
  </td>
  <tr>
  </table>
 </form>
</td>
</tr>
</table>

Прописываем сам календарь и нужные стили его элементов. Здесь должны разобраться без проблем, тут всё просто хотя и громоздко.

И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.