日期:2014-05-18  浏览次数:20499 次

求 javascript日期控件
求javascript日期控件   不跟输入框绑定   类似calendar   直接显示在页面上

------解决方案--------------------
<%@ Page Language= "C# " AutoEventWireup= "true " CodeFile= "calendar.aspx.cs " Inherits= "inc_calendar " Culture= "auto " meta:resourcekey= "PageResource1 " UICulture= "auto " %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

<html xmlns= "http://www.w3.org/1999/xhtml " >
<head runat= "server ">

<title> 选择日期 </title>
<STYLE type= "text/css ">
.normal {
BACKGROUND: #c1da90
}
.today {
FONT-WEIGHT: bold; BACKGROUND: white
}
.satday {
BACKGROUND: #e2f3c0; COLOR: green
}
.sunday {
BACKGROUND: #a8c373; COLOR: red
}
.days {
FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #a8c373
}
.ttop {
COLOR: #ffffff; FONT-SIZE: 12px
}
.tleft {
COLOR: #ffffff; FONT-SIZE: 12px
}
.leftbg {
BACKGROUND-COLOR: #c1da90
}
INPUT {
FONT-FAMILY: "Verdana ", "宋体 "; FONT-SIZE: 12px; HEIGHT: 20px
}
SELECT {
FONT-FAMILY: "Verdana ", "宋体 "; FONT-SIZE: 12px
}
TEXTAREA {
FONT-FAMILY: "Verdana ", "宋体 "; FONT-SIZE: 12px
}
.linkStyle {
color: #0066FF;
}

</STYLE>
<SCRIPT language= "JavaScript ">
//中文月份,如果想显示英文月份,修改下面的注释
/*var months = new Array( "January?, "February?, "March ",
"April ", "May ", "June ", "July ", "August ", "September ",
"October ", "November ", "December ");*/
var months = new Array( "一月 ", "二月 ", "三月 ",
"四月 ", "五月 ", "六月 ", "七月 ", "八月 ", "九月 ",
"十月 ", "十一月 ", "十二月 ");
var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,
30, 31, 30, 31);
//中文周 如果想显示 英文的,修改下面的注释
/*var days = new Array( "Sunday ", "Monday ", "Tuesday ",
"Wednesday ", "Thursday ", "Friday ", "Saturday ");*/
var days = new Array( "日 ", "一 ", "二 ", "三 ",
"四 ", "五 ", "六 ");
function getDays(month, year) {
//下面的这段代码是判断当前是否是闰年的
if (1 == month)
return ((0 == year % 4) && (0 != (year % 100))) ||
(0 == year % 400) ? 29 : 28;
else
return daysInMonth[month];
}

function getToday() {
//得到今天的年,月,日
this.now = new Date();
this.year = this.now.getFullYear();
this.month = this.now.getMonth();
this.day = this.now.getDate();
}


today = new getToday();

function newCalendar() {

today = new getToday();
var parseYear = parseInt(document.all.year
[document.all.year.selectedIndex].text);
var newCal = new Date(parseYear,
document.all.month.selectedIndex, 1);
var day = -1;
var startDay = newCal.getDay();
var daily = 0;
if ((today.year == newCal.getFullYear()) &&(today.month == newCal.getMonth()))
day = today.day;
var tableCal = document.all.calendar.tBodies.dayList;
var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFull