js年月控件

转载 2013年12月04日 13:25:52
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Calendar</title>
<!--输出代码-->
<script type="text/javascript">
    var AjarYearMonthInnerHTML="";
    AjarYearMonthInnerHTML+="<table border=\"0px\" cellspacing=\"1\" cellpadding=\"0\" width=\"144px\" height=\"19px\">";
    AjarYearMonthInnerHTML+="<tr align=\"center\">";
    AjarYearMonthInnerHTML+="<td><input name=\"nextMonth\" title=\"向前翻 1 月\" onclick=\"AjarMonth('-1','PrevM')\" type=\"button\" value=\"&lt;\" style=\"background-color:#3D8BD6;cursor: hand; width:15px; height:100%; border:1px;\"/></td>";       
    AjarYearMonthInnerHTML+="<td id=\"AjarYear\" width=\"60px\" height=\"19px\" align=\"center\" title=\"点击这里选择年份\"></td>"; 
    AjarYearMonthInnerHTML+="<td id=\"AjarMonth\" width=\"50px\" height=\"19px\" align=\"center\" title=\"点击这里选择月份\"></td>"; 
    AjarYearMonthInnerHTML+="<td><input name=\"nextMonth\" title=\"向后翻 1 月\" onclick=\"AjarMonth('1','NextM')\" type=\"button\" value=\"&gt;\" style=\"background-color:#3D8BD6;cursor: hand; width:15px; height:100%; border:1px;\"/></td>";
    AjarYearMonthInnerHTML+="</tr>";
    AjarYearMonthInnerHTML+="</table>";
 
</script>
</head>
<body style="margin:0">
<div id="YearMonthCalendar"></div>
<!--时间函数-->
<script>
// JScript 文件


    document.getElementById("YearMonthCalendar").innerHTML=AjarYearMonthInnerHTML;
    var AjarCalendarYear=document.getElementById("AjarYear");
    var AjarCalendarMonth=document.getElementById("AjarMonth");
    
    var CurrDate=new Date();
    var CurrYear=CurrDate.getFullYear();
    var CurrMonth=CurrDate.getMonth();
    var Month="<select id=\"Month\" style='width: 45px; height: 19px'>";
    for (var i = 1; i < 13; i++)
    {
        if(i==CurrMonth+1)
        {
            Month += "<option Author=Ajar value='"+i+"' selected>"+i+"月"+"</option>/r/n";
        }
        else
        {
            Month += "<option Author=Ajar value='"+i+"'>"+i+"月"+"</option>/r/n";
        }
    }
    Month +="</select>"
    AjarCalendarMonth.innerHTML=Month;  
    var Year="<select id=\"Year\" style='width: 65px; height: 19px'>";
    if(parseInt(CurrYear)+parseInt(50)>"9999")
    {
        window.alert("输入的时间格式不正确^v^");    
    }
    else
    {
        for (var i=CurrYear-50;i<CurrYear+50;i++)
        {
            if(i==CurrYear)
            {
                Year +="<option Author=Ajar value='"+i+"' selected>"+i+"年"+"</option>/r/n"; 
            }
            else
            {
                Year +="<option Author=Ajar value='"+i+"'>"+i+"年"+"</option>/r/n"; 
            }   
        }
    }
    Year +="</select>"
    AjarCalendarYear.innerHTML=Year;
//-->
var MonthObj=document.getElementById("Month");
var YearObj=document.getElementById("Year");
function AjarMonth(MonthValue,MonthType)
{
    //处理当取值到1了,这样年就发生变化了,年的值也要发生变化
    var CountCurrMonth=parseInt(MonthObj.value)+parseInt(MonthValue);
    if(CountCurrMonth=="0"||CountCurrMonth>"12")
    {
        if(CountCurrMonth=="0")
        {
            //判断当当前相减的时间小于1时,就让年减一,月变成默认的12月
            YearObj.value=parseInt(YearObj.value)-parseInt(1);
            MonthObj.value="12";
        }
        if(CountCurrMonth>"12")
        {
            //判断当当前相加的时间大于12时,就让年加一,月变成一月
            YearObj.value=parseInt(YearObj.value)+parseInt(1);
            MonthObj.value="1";
        }
    }
    else
    {
        MonthObj.value=CountCurrMonth;
    }
}
function AjarYear(YearValue,YearType)
{
    var CountCurrYear=parseInt(YearObj.value)+parseInt(YearValue);
    if(CountCurrYear<"1000"||CountCurrYear>"9999")
    {
        alert("对不起!您输入的时间不正确,时间应该是在不小于1000和不大于9999的一个值!!");
        return false;    
    }
    else if(CountCurrYear>="1000"&&CountCurrYear<="9999")
    {
        YearObj.value=CountCurrYear;
    }
}
</script>
</body>
</html>

相关文章推荐

JQuery---选择年月的插件

共享一个之前写的简单位的,选择年月的插件 SimpleCanleder.js ; (function($) { $.simpleCanleder = function(box, options)...

JS编写选择年份控件

最近需要一个只是选择年份的控件,网上找了一遍了,没发现合适的,故自己写了一个,效果如下图: 源码如下: 调用部分: var curColor; va...

HTML5新控件 - 日期和时间选择输入

HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历,供用户选择。 注意:目前只有Chrome和Opera提供下拉式日历支持,其它浏览器仍是一个普通文本框。1,日期...

JS年月选择控件

  • 2016-04-22 15:23
  • 24KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)