有时候统计报表 根据年统计,在日前控件不满足情况下,直接处理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 获取当前年-月-日 时:分秒毫秒`这个标题表明我们要讨论如何利用JavaScript获取精确到毫秒的当前日期和时间。下面将详细介绍这一知识点。 JavaScript提供了内置的`Date`对象来处理日期和时间。要获取...
2. jQuery结合JavaScript获取时间: 在实际的Web开发中,jQuery经常被用来简化DOM操作。结合JavaScript的Date对象,我们可以很方便地将时间显示在网页上。 - 在文档加载完成后,使用jQuery的`$(function(){...})`来...
JavaScript中的日期对象(Date Object)是用来处理日期和时间的,它可以获取或设置任意日期和时间,精确到毫秒。在JavaScript中,创建日期对象通常使用`new Date()`构造函数,可以传入参数来指定特定的日期,如果不...
开始日期是当前年和月的第一天,而结束日期是通过获取下个月的第一天,然后减去一天得到。 `getQuarterStartDate()`和`getQuarterEndDate()`分别获取本季度的开始和结束日期。开始日期是当前年份和本季度起始月份的...
【js_2345万年历】是一个基于JavaScript实现的多功能日历工具,它能够为用户提供从公元前年至公元后9999年的日期选择功能,涵盖了“万年”的时间范围,因此被称为“万年历”。这个项目主要适用于网页开发,可以方便...
不包含年份的cron表达式在某些系统中默认为当前年。 cron表达式的每个字段可以有以下几种形式: - 星号 (`*`):代表所有可能的值,例如`* * * * *`表示每秒执行一次。 - 范围 (`-`):例如`10-12`表示从第10分钟到第...
3. **昨天(Yesterday)**:对于前一天的时间,我们可以直接显示"昨天"。 4. **周几(Weekday)**:对于更远的日期,展示星期几可以帮助用户快速识别日期,如"周一"、"周二"等。 在`DateFormatting.h`头文件中,...
对于获取当前年的最后一天,可以通过将年份设置为下一年,然后将月份设置为0(即1月),再将日期设置为0。这样,Date对象会自动调整到前一年的12月31日: ```javascript date.setFullYear(date.getFullYear() + 1);...
1. **初始化**:首先获取当前日期以及当前的年月,并定义年份的范围(最小为当前年减去2,最大为当前年加上10)。 2. **填充年份选项**: - 添加一个空白选项作为默认选项。 - 循环创建年份选项,并添加到`...
"js万年历带农历节日特效代码"就是这样一个解决方案,它允许开发者在网页中集成一个能够显示从公元前年至公元9999年的日期,同时还能展示农历节日的功能。 ### 1. 农历转换算法 农历是一种复杂的历法,涉及到月相...
// 如果用户未输入年份,取当前年 $month = $_POST['month'] ?: date('m'); // 如果用户未输入月份,取当前月 $day = $_POST['day'] ?: date('d'); // 如果用户未输入日期,取当前日 $hour = $_POST['hour']; // ...
为了计算每个月的天数,插件使用JavaScript的Date对象,通过获取当月第一天(`new Date(year, month, 1)`)和下个月第一天(`new Date(year, month+1, 0)`)来确定。 4. **DOM插入**:生成的DOM结构会被追加到页面...
在描述中提到,使用date('z')可以得到任意一天是当前年的第几天,返回值范围是从0至365,其中0代表1月1日。这个功能对于设计数据库索引来说十分有用,因为年份内的日数(即年序数)可以作为高效且直观的时间索引。 ...
<script language="javascript" for="document" event="onkeydown"> if (event.keyCode==13 && event.srcElement.type!=’button’ && event.srcElement.type! =’submit’ && event.srcElement.type!=’reset’ &...
<script language="javascript" for="document" event="onkeydown"> if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event....