`
xiaofengtoo
  • 浏览: 492049 次
  • 性别: Icon_minigender_1
  • 来自: xiamen
社区版块
存档分类
最新评论

js 动态获取当前年以及前3年

 
阅读更多

有时候统计报表  根据年统计,在日前控件不满足情况下,直接处理select 

以下是js

 

function setSelect(){
		var anOption = document.createElement("option");
		var years= new Date().getYear();
		for(var i=0;i<=3;i++){
			var anOption = document.createElement("option");
			anOption.text=years-i;
			anOption.value=years-i;
			if('${year}'!=""){		// 回显 ,如不需要回显 请删除 
				if('${year}'==years-i){
					anOption.selected="selected";
				}
			}
			document.getElementById("year").options.add(anOption);
		}
	}

 

select 控件

<body onload="setSelect()">
<select id="year" name="year" style="width: 97%" >
</select>
</body>
 

同时记录下网上搜集的js select 操作

 

JS操作select相关方法:新增 修改 删除 选中 清空 判断存在 等

 

1.判断select选项中 是否存在Value="paraValue"的Item
2.向select选项中 加入一个Item
3.从select选项中 删除一个Item
4.修改select选项中 value="paraValue"的text为"paraText"
5.设置select中text="paraText"的第一个Item为选中
6.设置select中value="paraValue"的Item为选中
7.得到select的当前选中项的value
8.得到select的当前选中项的text
9.得到select的当前选中项的Index
10.清空select的项
-------------------------------------------
//1.判断select选项中 是否存在Value="paraValue"的Item
function jsSelectIsExitItem(objSelect,objItemValue)
{
    var isExit = false;
    for(var i=0;i<objSelect.options.length;i++)
    {
        if(objSelect.options[i].value == objItemValue)
        {
            isExit = true;
            break;
        }
    }     
    return isExit;
}

//2.向select选项中 加入一个Item
function jsAddItemToSelect(objSelect,objItemText,objItemValue)
{
    //判断是否存在
    if(jsSelectIsExitItem(objSelect,objItemValue))
    {
        alert("该Item的Value值已经存在");
    }
    else
    {
        var varItem = new Option(objItemText,objItemValue);
//      objSelect.options[objSelect.options.length] = varItem;
        objSelect.options.add(varItem);
        alert("成功加入");
    }   
}

//3.从select选项中 删除一个Item
function jsRemoveItemFromSelect(objSelect,objItemValue)
{
    //判断是否存在
    if(jsSelectIsExitItem(objSelect,objItemValue))
    {
        for(var i=0;i<objSelect.options.length;i++)
        {
            if(objSelect.options[i].value == objItemValue)
            {
                objSelect.options.remove(i);
                break;
            }
        }       
        alert("成功删除");           
    }
    else
    {
        alert("该select中 不存在该项");
    }   
}

//4.修改select选项中 value="paraValue"的text为"paraText"
function jsUpdateItemToSelect(objSelect,objItemText,objItemValue)
{
    //判断是否存在
    if(jsSelectIsExitItem(objSelect,objItemValue))
    {
        for(var i=0;i<objSelect.options.length;i++)
        {
            if(objSelect.options[i].value == objItemValue)
            {
                objSelect.options[i].text = objItemText;
                break;
            }
        }       
        alert("成功修改");           
    }
    else
    {
        alert("该select中 不存在该项");
    }   
}
       
//5.设置select中text="paraText"的第一个Item为选中
function jsSelectItemByValue(objSelect,objItemText)
{   
    //判断是否存在
    var isExit = false;
    for(var i=0;i<objSelect.options.length;i++)
    {
        if(objSelect.options[i].text == objItemText)
        {
            objSelect.options[i].selected = true;
            isExit = true;
            break;
        }
    }     
    //Show出结果
    if(isExit)
    {
        alert("成功选中");           
    }
    else
    {
        alert("该select中 不存在该项");
    }   
}

//6.设置select中value="paraValue"的Item为选中
//document.all.objSelect.value = objItemValue;

//7.得到select的当前选中项的value
//var currSelectValue = document.all.objSelect.value;

//8.得到select的当前选中项的text
//var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;

//9.得到select的当前选中项的Index
//var currSelectIndex = document.all.objSelect.selectedIndex;

//10.清空select的项
// document.all.objSelect.options.length = 0;
 

 

 

js获取当前日期的前一天、一月、一年的日期

 

    //获得当前日期昨天的日期     
    function getYestoday(date){         
       var yesterday_milliseconds=date.getTime()-1000*60*60*24;          
       var yesterday = new Date();          
           yesterday.setTime(yesterday_milliseconds);          
              
       var strYear = yesterday.getFullYear();       
       var strDay = yesterday.getDate();       
       var strMonth = yesterday.getMonth()+1;     
       if(strMonth<10)       
       {       
           strMonth="0"+strMonth;       
       }       
       datastr = strYear+"-"+strMonth+"-"+strDay;     
       return datastr;     
     }     
          
     //获得上个月在昨天这一天的日期     
     function getLastMonthYestdy(date){     
        var daysInMonth = new Array([0],[31],[28],[31],[30],[31],[30],[31],[31],[30],[31],[30],[31]);     
        var strYear = date.getFullYear();       
        var strDay = date.getDate();       
        var strMonth = date.getMonth()+1;     
        if(strYear%4 == 0 && strYear%100 != 0){     
           daysInMonth[2] = 29;     
        }     
        if(strMonth - 1 == 0)     
        {     
           strYear -= 1;     
           strMonth = 12;     
        }     
        else    
        {     
           strMonth -= 1;     
        }     
        strDay = daysInMonth[strMonth] >= strDay ? strDay : daysInMonth[strMonth];     
        if(strMonth<10)       
        {       
           strMonth="0"+strMonth;       
        }     
        if(strDay<10)       
        {       
           strDay="0"+strDay;       
        }     
        datastr = strYear+"-"+strMonth+"-"+strDay;     
        return datastr;     
     }     
          
     //获得上一年在昨天这一天的日期     
     function getLastYearYestdy(date){     
        var strYear = date.getFullYear() - 1;       
        var strDay = date.getDate();       
        var strMonth = date.getMonth()+1;     
        if(strMonth<10)       
        {       
           strMonth="0"+strMonth;       
        }     
        if(strDay<10)       
        {       
           strDay="0"+strDay;       
        }     
        datastr = strYear+"-"+strMonth+"-"+strDay;     
        return datastr;     
     }   
 
分享到:
评论

相关推荐

    js代码-js 获取当前年-月-日 时:分秒毫秒

    `js代码-js 获取当前年-月-日 时:分秒毫秒`这个标题表明我们要讨论如何利用JavaScript获取精确到毫秒的当前日期和时间。下面将详细介绍这一知识点。 JavaScript提供了内置的`Date`对象来处理日期和时间。要获取...

    使用jquery如何获取时间

    2. jQuery结合JavaScript获取时间: 在实际的Web开发中,jQuery经常被用来简化DOM操作。结合JavaScript的Date对象,我们可以很方便地将时间显示在网页上。 - 在文档加载完成后,使用jQuery的`$(function(){...})`来...

    JS日期对象简单操作(获取当前年份、星期、时间)

    JavaScript中的日期对象(Date Object)是用来处理日期和时间的,它可以获取或设置任意日期和时间,精确到毫秒。在JavaScript中,创建日期对象通常使用`new Date()`构造函数,可以传入参数来指定特定的日期,如果不...

    js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期

    开始日期是当前年和月的第一天,而结束日期是通过获取下个月的第一天,然后减去一天得到。 `getQuarterStartDate()`和`getQuarterEndDate()`分别获取本季度的开始和结束日期。开始日期是当前年份和本季度起始月份的...

    js_2345万年历

    【js_2345万年历】是一个基于JavaScript实现的多功能日历工具,它能够为用户提供从公元前年至公元后9999年的日期选择功能,涵盖了“万年”的时间范围,因此被称为“万年历”。这个项目主要适用于网页开发,可以方便...

    cron中英文表达式

    不包含年份的cron表达式在某些系统中默认为当前年。 cron表达式的每个字段可以有以下几种形式: - 星号 (`*`):代表所有可能的值,例如`* * * * *`表示每秒执行一次。 - 范围 (`-`):例如`10-12`表示从第10分钟到第...

    iOS日期格式化类(刚刚、一分钟前、昨天、周几)

    3. **昨天(Yesterday)**:对于前一天的时间,我们可以直接显示"昨天"。 4. **周几(Weekday)**:对于更远的日期,展示星期几可以帮助用户快速识别日期,如"周一"、"周二"等。 在`DateFormatting.h`头文件中,...

    获取当前月(季度/年)的最后一天(set相关操作及应用)

    对于获取当前年的最后一天,可以通过将年份设置为下一年,然后将月份设置为0(即1月),再将日期设置为0。这样,Date对象会自动调整到前一年的12月31日: ```javascript date.setFullYear(date.getFullYear() + 1);...

    js简单的年月联动实现代码

    1. **初始化**:首先获取当前日期以及当前的年月,并定义年份的范围(最小为当前年减去2,最大为当前年加上10)。 2. **填充年份选项**: - 添加一个空白选项作为默认选项。 - 循环创建年份选项,并添加到`...

    js万年历带农历节日特效代码

    "js万年历带农历节日特效代码"就是这样一个解决方案,它允许开发者在网页中集成一个能够显示从公元前年至公元9999年的日期,同时还能展示农历节日的功能。 ### 1. 农历转换算法 农历是一种复杂的历法,涉及到月相...

    使用PHP制作网页闹钟1

    // 如果用户未输入年份,取当前年 $month = $_POST['month'] ?: date('m'); // 如果用户未输入月份,取当前月 $day = $_POST['day'] ?: date('d'); // 如果用户未输入日期,取当前日 $hour = $_POST['hour']; // ...

    Datepicker日期选择插件使用简介

    为了计算每个月的天数,插件使用JavaScript的Date对象,通过获取当月第一天(`new Date(year, month, 1)`)和下个月第一天(`new Date(year, month+1, 0)`)来确定。 4. **DOM插入**:生成的DOM结构会被追加到页面...

    php中根据某年第几天计算出日期年月日的代码

    在描述中提到,使用date('z')可以得到任意一天是当前年的第几天,返回值范围是从0至365,其中0代表1月1日。这个功能对于设计数据库索引来说十分有用,因为年份内的日数(即年序数)可以作为高效且直观的时间索引。 ...

    ASP.NET程序中常用的三十三种代码.txt

    &lt;script language="javascript" for="document" event="onkeydown"&gt;  if (event.keyCode==13 && event.srcElement.type!=’button’ && event.srcElement.type! =’submit’ && event.srcElement.type!=’reset’ &...

    ASP.NET常用代码

    &lt;script language="javascript" for="document" event="onkeydown"&gt; if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event....

Global site tag (gtag.js) - Google Analytics