这个一个简单的时间获取控件

				/* Default attributes of table container for entire calendar */
				.table-style {
					font-family: arial;
					border-width: 1; 
					border-style: solid; 
					border-color: #a0a0a0; 
					background-color: #ffffff;
					font-family: arial; 
					font-size: 11px;
				}
				
				.table-style td {
					border-style: none;
					border-width: 0px;
					padding: 1px;
				}
				
				/* Default attributes of DIV containing table container for entire calendar.
				 * You probably don't want to alter this style.
				 */
				.div-style {
					z-index: 999;
					position: absolute;
					visibility: hidden;
				}
				
				/* Default attributes used in calendar title (month and year columns).*/
				.title-style {
					padding: 2px;
					font-family: arial; 
					font-size: 11px;
					color: #ffffff;
				}
				
				/* Default attributes used in calendar title background.*/
				.title-background-style {
					background-color: #b5b5b5;
				}
				
				/* Normal appearance of controls in calendar title. */
				/* Note: The right, left and down icons are images, which must be edited if you need to change them. */
				.title-control-normal-style {
					border-style: none;
					cursor: pointer;
				}
				
				/* Moused-over (selected) appearance of controls in calendar title. */
				.title-control-select-style {
					cursor: pointer;
				}
				
				.dropdown-style td {
					padding: 1px;
				}
				
				/* Default attributes of drop down lists (month and year). */
				.dropdown-style {
					font-family: arial; 
					font-size: 11px; 
					border-width: 1; 
					border-style: solid; 
					background-color: #b5b5b5;
					border-color: #cccccc;
					color: White;
					cursor: default;
				}
				
				/* Default attributes selected (mouse-over) item in drop down lists (month and year). */
				.dropdown-style tr:hover {
					background-color: #828282;
					cursor: hand;
				}
				
				/* Default attributes of calendar body (weekday titles and numbers). */
				.body-style {
					padding: 5px;
					background-color: white;
					font-family: verdana; 
					font-size: 10px;
				}
				
				.body-style td {
					font-family: verdana; 
					font-size: 10px;
				}
				
				/* Attributes of current day in calendar body. */
				.current-day-style {
					color: red;
					font-weight: bold;
					text-decoration: none;
				}
				
				/* Attributes of end-of-week days (Sundays) in calendar body. */
				.end-of-weekday-style {
					color: #909090;
					text-decoration: none;
				}
				
				/* Attributes of all other days in calendar body. */
				.normal-day-style {
					color: black;
					text-decoration: none;
				}
				
				/* Attributes of border around selected day in calendar body. */
				.selected-day-style {
					border-style: solid;
					border-width: 1px; 
					border-color: #a0a0a0;
					color: #0066cc;
					font-weight: bold;
				}
				
				/* Default attributes of designated holidays. */
				.holiday-style {
					background-color: #FFDDDD;
				}
				
				/* Attributes of today display at bottom on calendar */
				.today-style {
					padding: 0px;
					color: white;
					background-color: #b5b5b5;
					text-align: center;
					text-decoration: none;
				}
				
				.today-style td {
					text-align: center;
				}
				
				/* Attributes of week number division (divider.gif) */
				.weeknumber-div-style {
					background-color: #d0d0d0; 
					padding: 0px;
				}