jquery实现显示当前系统最近六个月的时间

iteye_7547

于 2016-10-31 10:42:52 发布

阅读量959

点赞数

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签： jquery ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_7547/article/details/82675132

前端开发专栏收录该内容

4 篇文章

订阅专栏

这段HTML和JavaScript代码展示了如何使用jQuery填充一个下拉菜单，使其包含从当前日期开始的最近六个月的日期。通过定义`initDate`和`formateDate`函数，代码能够动态计算日期并以指定格式显示。`formateDate`函数将月份和年份转换为字符串，并确保月份始终以0开头。`initDate`函数则遍历过去六个月，为每个月份创建一个选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<title>时间</title>
<script type="text/javascript">
$(function(){
initDate();
});
//格式化日期函数

function formateDate(date){
if(date instanceof Date){
var time=date.getMonth()+1;
var day=date.getDate();
if(day==31){
var myDate = new Date(date.getFullYear(),date.getMonth(), 0);
date.setDate(myDate.getDate());
time=time-1;
if(time==0){
time=time+1;

}

}
if(time<10){
time="0"+time;
}
return date.getFullYear()+""+time;
} else {
return "Error Date";
}
}

//页面加载完成后，执行初始化操作
function initDate(){
//当前日期
var date = new Date();
//获取select元素
$("#dateSelect").empty().append("<option value=''></option>");
for (var i = 0; i < 6; i++) {
$("#dateSelect").append(
"<option value='" + formateDate(date) + "'>"
+ formateDate(date) + "</option>");
//日期减一个月
date.setMonth(date.getMonth() - 1);
}
};

</script>
</head>
<body>
<div style="width:600px;height: 600px">
<select name="accountDate" id="dateSelect" class="form-control select2" style="width: 100%;">
</select>
</div>
</body>
</html>