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

- 日理万妓 2022-06-01 08:49 139阅读 0赞

#### 一、页面效果 ####

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

#### 二、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>
> 
>   
>   
>

[SouthEast]: /images/20220601/fb176ae208464817b9df7c3c6f4984b5.png
[SouthEast 1]: /images/20220601/f782296f1b814a71a414020f0a87d1ac.png