JavaScript实现输入框默认显示上月第一天和最后一天

最新推荐文章于 2023-10-11 18:02:51 发布

litte_frog

最新推荐文章于 2023-10-11 18:02:51 发布

阅读量1.4k

点赞数 2

分类专栏： JavaScript 文章标签： JavaScript 日期输入框上月第一天上月最后一天

本文链接：https://blog.csdn.net/litte_frog/article/details/79161216

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、页面效果

当前时间分别为2018年1月25日、2018年3月15日时，打开页面输入框呈现以下效果：

二、js代码

<html>
	<head>
	</head>
	<body>
		<br>当前日期：<input type="text" value="" id="nowdate"/><br>
		<br>上月月初：<input type="text" value="" id="monthfirst"/><br>
		<br>上月月末：<input type="text" value="" id="monthlast"/><br>
	</body>
	<script type="text/javascript">
		//1 获取当前时间
		var date = new Date();//获取当前时间
		var nowyear = date.getFullYear()+"";//获取年（yyyy）
		var nowmonth = date.getMonth()+1+"";//获取月份（0-11，0代表1月）
		var nowday = date.getDate()+"";//获取日
		//调用格式化方法
		nowmonth = dateformat(nowmonth);
		nowday = dateformat(nowday);
		//重新拼接格式
		var nowStr = nowyear + "-" + nowmonth + "-" + nowday;
		//当前日期
		document.getElementById("nowdate").value = nowStr;
		
		//2 获取上月时间
		//输入：new Date("2018/1/0") ==> 得到：2017/12/31
		var date = new Date(nowyear+"/"+nowmonth+"/0");
		var byear = date.getFullYear()+"";
		var bmonth = date.getMonth()+1+"";
		var bday = date.getDate()+"";
		bmonth = dateformat(bmonth);
		bday = dateformat(bday);
		//重新拼接格式
		var bfStr = byear + "-" + bmonth + "-01";
		var blStr = byear + "-" + bmonth + "-" + bday;
		//上月月初/上月月末
		document.getElementById("monthfirst").value = bfStr;
		document.getElementById("monthlast").value = blStr;
		
		//方法：月日为一位数前面补0（例8变为08）
		function dateformat(fmt){
			if(fmt.length == 1){
				fmt = "0" + fmt;
			}
			return fmt;
		}
	</script>
</html>

litte_frog

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript实现输入框默认显示上月第一天和最后一天

一、页面效果当前时间分别为2018年1月25日、2018年3月15日时，打开页面输入框呈现以下效果：二、js代码当前日期：上月月初：上月月末： //1 获取当前时间 var date = new Date();//获取当前时间 var nowyear = date.getFullYear()+"";//获取年（y
复制链接

扫一扫

专栏目录