小さなJSのcalendar_timeとdateを推奨します

スクリプトの中核は DateAdd 関数です。以下のデモをクリックして効果を確認してください:
デモを表示

呼び出し方法は非常に簡単です。
ステップ 1: calenderJS.js をインクルードします。ページ上部のファイル:

クリックしてこの js ファイルをダウンロードします

ステップ 2: onfocus イベント属性を入力ボックスに追加します。

HS_setDate(this) は初期化関数です

このカレンダーをこのブログのサイドバーに適用し、ログのある日を非同期でクエリして太字にする ajax 機能を追加しました。

<title> JSカレンダー </title> <meta name="author" content="快乐笛子"> <meta name="keywords" content="js日历,calender"> <meta name="description" content="js日历"> <style> body {font-size:12px} td {text-align:center} h1 {font-size:26px;} h4 {font-size:16px;} em {color:#999; margin:0 10px; font-size:11px; display:block} </style> <h1> </h1>日付ピッカー<h4 style="border-bottom:1px solid #ccc"> </h4>ver:1.0<table border="1" width="400" height="150"> <tr> <td>文本文本文本</td> <td>点击输入框</td> <td>文本文本文本</td> </tr> <tr> <td>点击输入框</td> <td> <input type="text" style="width:70px" onfocus="HS_setDate(this)">文本</td> <td>文本文本文本</td> </tr> <tr> <td>文本文本文本</td> <td>点击输入框</td> <td>文本<input type="text" style="width:70px" onfocus="HS_setDate(this)">文本</td> </tr> </table> <ul> <li> </li>他のフレームワーク ライブラリは必要ありません<li> </li>IE6、Firefox、Opera をサポート<li> </li>年と月をクリックしてドロップダウンを選択します</ul>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]