自写的日历控件

最新推荐文章于 2024-08-18 10:54:05 发布

jawsy

最新推荐文章于 2024-08-18 10:54:05 发布

阅读量798

点赞数

分类专栏： jsp技巧文章标签：日历 calendar javascript function html

本文链接：https://blog.csdn.net/jawsy/article/details/469592

版权

jsp技巧专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<%@ page contentType="text/html; charset=GBK" %>
<html>
<head>
<title>
calendar
</title>
<script language="javascript">
function changeDay(form)
{
//得到年份
var year = form.year.value;
//得到月份
var month = form.month.value;

//如果月份为4,6,9,11，日期为30
if (month == 4 || month == 6 || month == 9 || month == 11)
{
    //清空
    form.day.options.length = 0;
    form.day.options.length = 30;
    for (var i= 0;i<30;i++)
    {
      myform.day.options[i] = new Option(i+1,i+1);
    }
}
//如果月份为1,3,5,7,8,10,12，日期为31
if (month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12)
{
    //清空
    form.day.options.length = 0;
    form.day.options.length = 31;
    for (var i= 0;i<31;i++)
    {
      myform.day.options[i] = new Option(i+1,i+1);
    }
}
//年份不是闰年，选择2月，则为28天
if (year%4 != 0 && month == 2)
{
    //清空
    form.day.options.length = 0;
    form.day.options.length = 28;
    for (var i= 0;i<28;i++)
    {
      myform.day.options[i] = new Option(i+1,i+1);
    }
}
//年份是闰年，选择2月，则为29天
if (year%4 == 0 && month == 2)
{
    //清空
    form.day.options.length = 0;
    form.day.options.length = 29;
    for (var i= 0;i<29;i++)
    {
      myform.day.options[i] = new Option(i+1,i+1);
    }
}
}

</script>
</head>
<body bgcolor="#ffffff">
<form name="myform">

<%
//得到当前时间
        java.util.Date curDate = new java.util.Date();
        //得到年份
        java.text.SimpleDateFormat yearFt = new java.text.SimpleDateFormat("yyyy");
        int curYear = Integer.parseInt(yearFt.format(curDate));

        //得到月份
        java.text.SimpleDateFormat monthFt = new java.text.SimpleDateFormat("MM");
        int curMonth = Integer.parseInt(monthFt.format(curDate));

        //得到日期
        java.text.SimpleDateFormat dayFt = new java.text.SimpleDateFormat("dd");
        int curDay = Integer.parseInt(dayFt.format(curDate));

        System.out.println("年:" + curYear);
        System.out.println("月:" + curMonth);
        System.out.println("日:" + curDay);
%>
<select name="year" οnchange="changeDay(applyReleaseForm)">
    <%
    for (int year = 1995;year < 2016;year++)
    {
      if (year == curYear)
      {
    %>
    <option value="<%=year%>" selected="selected"><%=year%></option>
    <%
    }
    else
    {
    %>
    <option value="<%=year%>"><%=year%></option>
    <%
    }
    }
    %>
</select>年

<select name="month" οnchange="changeDay(applyReleaseForm)">
    <%
    for (int month = 1;month < 13;month++)
    {
      if (month == curMonth)
      {
    %>
    <option value="<%=month%>" selected="selected"><%=month%></option>
    <%
      }
      else
      {
    %>
    <option value="<%=month%>"><%=month%></option>
    <%
      }
    }
    %>
</select>月

<select name="day">
    <%
    //初始化日期1,3,5,7,8,10,12月为31天
    if (curMonth == 1 || curMonth == 3 || curMonth == 5 || curMonth == 7 || curMonth == 8 || curMonth == 10 || curMonth == 12)
    {
    for (int day = 1;day < 32;day++)
    {
        if (day == curDay)
        {
    %>
      <option value="<%=day%>" selected="selected"><%=day%></option>
    <%
        }
        else
        {
    %>
        <option value="<%=day%>"><%=day%></option>
    <%
        }
    }
    }
    //4,6,9,11月为30天
    else if(curMonth == 4 || curMonth == 6 || curMonth == 9 || curMonth == 11)
    {
      for (int day = 1;day < 31;day++)
    {
        if (day == curDay)
        {
    %>
    <option value="<%=day%>" selected="selected"><%=day%></option>
    <%
        }
        else
        {
    %>
    <option value="<%=day%>"><%=day%></option>
    <%
        }
    }
    }
    else if (curMonth == 2)
    {
      //闰年，29天
      if (curYear % 4 == 0)
      {
        for (int day = 1;day < 30;day++)
        {
      if (day == curDay)
        {
    %>
    <option value="<%=day%>" selected="selected"><%=day%></option>
    <%
        }
        else
        {
    %>
                  <option value="<%=day%>"><%=day%></option>
    <%
        }
        }
      }
      else
      {
         for (int day = 1;day < 29;day++)
        {
      if (day == curDay)
        {
    %>
    <option value="<%=day%>" selected="selected"><%=day%></option>
    <%
        }
        else
        {
    %>
                  <option value="<%=day%>"><%=day%></option>
    <%
        }
        }
      }
    }
    %>
</select>日
</body>
</html>

jawsy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
自写的日历控件

calendarfunction changeDay(form){ //得到年份 var year = form.year.value; //得到月份 var month = form.month.value; //如果月份为4,6,9,11，日期为30 if (month == 4 || month == 6 || month == 9 || month == 11) { /
复制链接

扫一扫

专栏目录