在jsp页面中调用js的日历控件，如何操作？
展开全部
好好看看下面的代码
<!--将以下代码加入HTML的<Body></Body>之间-->
<BODY>
<script language="JavaScript">
<!-- Hide this script from old browsers --
function greeting()
{
var today = new Date();
var hrs = today.getHours();
document.writeln("<CENTER>");
document.write("Good ");
if (hrs < 6)
document.write("(Early) Morning");
else if (hrs < 12)
document.write("Morning");
else if (hrs <= 18)
document.write("Afternoon");
else
document.write("Evening");
document.write("!");
document.write("当前时间是:");
dayStr = today.toLocaleString();
document.write(dayStr);
document.writeln("</CENTER>");
}
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)
{
this[0] = m0;
this[1] = m1;
this[2] = m2;
this[3] = m3;
this[4] = m4;
this[5] = m5;
this[6] = m6;
this[7] = m7;
this[8] = m8;
this[9] = m9;
this[10] = m10;
this[11] = m11;
}
function calendar()
{
var today = new Date();
var thisDay;
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30,
31, 30, 31);
year = today.getYear();
if (year<2000)
year=year+1900;
thisDay = today.getDate();
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0))
monthDays[1] = 29;
nDays = monthDays[today.getMonth()];
firstDay = today;
firstDay.setDate(1); // works fine for most systems
testMe = firstDay.getDate();
if (testMe == 2)
firstDay.setDate(0);
startDay = firstDay.getDay();
document.writeln("<CENTER>");
document.write("<TABLE BORDER bgcolor=moccasin>");
document.write("<TR><TH COLSPAN=7>");
document.write(year+'年');
document.write(today.getMonth()+1+'月');
document.write("<TR><TH>日<TH>一<TH>二<TH>三<TH>四<TH>五<TH>六");
document.write("<TR>");
column = 0;
for (i=0; i<startDay; i++)
{
document.write("<TD>");
column++;
}
for (i=1; i<=nDays; i++)
{
document.write("<TD>");
if (i == thisDay)
document.write("<FONT COLOR=\"red\">")
document.write(i);
if (i == thisDay)
document.write("</FONT>")
column++;
if (column == 7)
{
document.write("<TR>");
column = 0;
}
}
document.write("</TABLE>");
document.writeln("</CENTER>");
}
greeting();
document.write("<br>");
calendar();
document.write("");
// -- End Hiding Here -->
</script>
</body>
<!--将以下代码加入HTML的<Body></Body>之间-->
<BODY>
<script language="JavaScript">
<!-- Hide this script from old browsers --
function greeting()
{
var today = new Date();
var hrs = today.getHours();
document.writeln("<CENTER>");
document.write("Good ");
if (hrs < 6)
document.write("(Early) Morning");
else if (hrs < 12)
document.write("Morning");
else if (hrs <= 18)
document.write("Afternoon");
else
document.write("Evening");
document.write("!");
document.write("当前时间是:");
dayStr = today.toLocaleString();
document.write(dayStr);
document.writeln("</CENTER>");
}
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)
{
this[0] = m0;
this[1] = m1;
this[2] = m2;
this[3] = m3;
this[4] = m4;
this[5] = m5;
this[6] = m6;
this[7] = m7;
this[8] = m8;
this[9] = m9;
this[10] = m10;
this[11] = m11;
}
function calendar()
{
var today = new Date();
var thisDay;
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30,
31, 30, 31);
year = today.getYear();
if (year<2000)
year=year+1900;
thisDay = today.getDate();
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0))
monthDays[1] = 29;
nDays = monthDays[today.getMonth()];
firstDay = today;
firstDay.setDate(1); // works fine for most systems
testMe = firstDay.getDate();
if (testMe == 2)
firstDay.setDate(0);
startDay = firstDay.getDay();
document.writeln("<CENTER>");
document.write("<TABLE BORDER bgcolor=moccasin>");
document.write("<TR><TH COLSPAN=7>");
document.write(year+'年');
document.write(today.getMonth()+1+'月');
document.write("<TR><TH>日<TH>一<TH>二<TH>三<TH>四<TH>五<TH>六");
document.write("<TR>");
column = 0;
for (i=0; i<startDay; i++)
{
document.write("<TD>");
column++;
}
for (i=1; i<=nDays; i++)
{
document.write("<TD>");
if (i == thisDay)
document.write("<FONT COLOR=\"red\">")
document.write(i);
if (i == thisDay)
document.write("</FONT>")
column++;
if (column == 7)
{
document.write("<TR>");
column = 0;
}
}
document.write("</TABLE>");
document.writeln("</CENTER>");
}
greeting();
document.write("<br>");
calendar();
document.write("");
// -- End Hiding Here -->
</script>
</body>
来自：求助得到的回答
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script src="js/Calendar.js" type="text/javascript" language="javascript"></script>
加入到你的页面中 js/Calendar.js 这是控件的路径
<input name="txtDate" type="text" onclick="SelectDate(this)" readonly="readonly">
这是我的，你看看。Calendar.js 这个东西应该可以找的到吧，onclick="SelectDate(this)" 这是调用的方法
加入到你的页面中 js/Calendar.js 这是控件的路径
<input name="txtDate" type="text" onclick="SelectDate(this)" readonly="readonly">
这是我的，你看看。Calendar.js 这个东西应该可以找的到吧，onclick="SelectDate(this)" 这是调用的方法
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2018-06-28 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
在jsp页面中使用js日期控件
<script src="js/Calendar.js" type="text/javascript" language="javascript"></script>
加入到页面中 js/Calendar.js 这是控件的路径
<input name="txtDate" type="text" onclick="SelectDate(this)" readonly="readonly">
<script src="js/Calendar.js" type="text/javascript" language="javascript"></script>
加入到页面中 js/Calendar.js 这是控件的路径
<input name="txtDate" type="text" onclick="SelectDate(this)" readonly="readonly">
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
