js,jquery实现生成下拉框显示当前月份前的12个月份。

最新推荐文章于 2022-03-21 15:50:59 发布

天南韩立

最新推荐文章于 2022-03-21 15:50:59 发布

阅读量1.4w

点赞数 4

分类专栏： JavaScript JQuery 文章标签：前12个月 js jquery select 下拉框

本文链接：https://blog.csdn.net/u014175572/article/details/54891417

版权

JavaScript 同时被 2 个专栏收录

27 篇文章 0 订阅

订阅专栏

JQuery

8 篇文章 0 订阅

订阅专栏

js,jquery实现生成下拉框显示当前月份前的12个月份。

例如当前是2017年2月，现将在下拉框生成的月份为：2017年01月,2016年12月,2016年11月,2016年10月,2016年09月,2016年08月,2016年07月,2016年06月,2016年05月,2016年04月,2016年03月,2016年02月

结果如下图：

生成的html代码如下图：

代码很简单，如下：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
		<title></title>
	</head>

	<body>

		<script language="javascript" type="text/javascript">
			<!--
			var last_year_month = function() {
				var d = new Date();
				var result = [];
				for(var i = 0; i < 12; i++) {
					d.setMonth(d.getMonth() - 1);
					var m = d.getMonth() + 1;
					m = m < 10 ? "0" + m : m;
					//在这里可以自定义输出的日期格式
					result.push(d.getFullYear() + "-" + m);
					//result.push(d.getFullYear() + "年" + m + '月');
				}
				return result;
			}
			$(document).ready(function() {
				//生成前12个月日期下拉框
				for(var allinfo = last_year_month(), i = 0; i < allinfo.length; i++) {
					$("#dateinfo").append("<option value='" + allinfo[i] + "'>" + allinfo[i] + "</option>");
				}
			});

			-->
		</script>
		</head>

		<body>
			<select id="dateinfo" name="dateinfo">
				<option>===请选择当前月份之前的月份===</option>
			</select>

		</body>

</html>

天南韩立

关注

4
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
js,jquery实现生成下拉框显示当前月份前的12个月份。

js,jquery实现生成下拉框显示当前月份前的12个月份。例如当前是2017年2月，现将在下拉框生成的月份为：2017年01月,2016年12月,2016年11月,2016年10月,2016年09月,2016年08月,2016年07月,2016年06月,2016年05月,2016年04月,2016年03月,2016年02月结果如下图：生成的html代码如下图：代码很简单，如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8">
复制链接

扫一扫