Recommend a small JS calendar_time and date

The core of the script is the DateAdd function. Click on the demo below to see the effect:
View the demo

The calling method is very simple,
Step 1: Include the calenderJS.js file at the top of the page:

Click to download this js file

Step 2: Add the onfocus event attribute to your input box:

HS_setDate(this) is the initialization function

This calendar has been applied to the sidebar of this blog, and Add ajax function to asynchronously query the days with logs and make them bold.

<title> JS Calendar </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>Date Picker<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>No other framework libraries required<li> </li>Supports ie6, firefox, opera<li> </li>Click on the year and month to drop down the selection</ul>
[Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute

]