日历(从今天起后面的14天)

<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>Document</title>
	</head>
	<style>
		#calender li {
			list-style: none;
			table-layout: fixed;
		}
		#calender li a {
			display: table-cell;
			width: 50px;
			height: 50px;
		}
	</style>

	<body>
		<ul id="calender"></ul>
	</body>
	<script type="text/javascript" src="js/jQuery-2.1.5.min.js" ></script>
	<script>
		function TwoWeekCalender() {
			var Today = new Date();
			var TodayDay = Today.getDate();
			var month = Today.getMonth();
			var year = Today.getFullYear();
			//获取最大天数
			var mostDay = new Date(+year, +month + 1, 0).getDate();
			var dateArr = [];
			var distance = mostDay - TodayDay;
			var thisWeeKDay = Today.getDay(); //星期
			var left = 14 - distance;
			var i;

			console.log(mostDay,TodayDay,distance,thisWeeKDay,left)
			for(i = 1; i < thisWeeKDay; i++) {
				dateArr.push(‘whiteSpace‘);
			}
			for(i = 0; i <= distance; i++) {
				dateArr.push({
					Day: year + ‘-‘ + (+month + 1) + ‘-‘ + TodayDay++
				})
				console.log(i)
			}
			if(month == 11) {
				month = -1;
				year++;
			};
			for(i = 1; i < left; i++) {
				dateArr.push({
					Day: year + ‘-‘ + (+month + 2) + ‘-‘ + i
				})
				console.log(i)
			};
			console.log(dateArr)
			var calender_html = ‘<li><a javascript:void()>星期一</a><a javascript:void()>星期二</a><a javascript:void()>星期三</a><a javascript:void()>星期四</a><a javascript:void()>星期五</a><a javascript:void()>星期六</a><a javascript:void()>星期日</a></li><li>‘;
			dateArr.forEach(function(item, i) {
				if(i !== 0 && i % 7 == 0) {
					calender_html += ‘</li><li>‘
				}
				calender_html += item === ‘whiteSpace‘ ? ‘<a javascript:void()></a>‘ : ‘<a javascript:void()>‘ + item.Day + ‘</a>‘;
			})
			calender_html += ‘</li>‘;
			document.getElementById(‘calender‘).innerHTML = calender_html;
		}
		TwoWeekCalender()
	</script>

</html>

  14:是代表从今天气到后面的14天,这个值随便(20天,这个值就写20就行)

原文地址:https://www.cnblogs.com/yjgbk/p/9229003.html

时间: 2024-10-05 03:09:21

日历(从今天起后面的14天)的相关文章

C++如何去除浮点数字符串后面的零

有时我们需要将浮点数转化为字符,然后打印输出.下面是c++的里的一种实现: char str[32]; double num = 32.0100; sprintf(str, "%f", num); std::cout<<str<<std::endl; 常见输出: 32.0100 但是,有时我们会有这样的需求:舍弃字符串最后多余的零. 我最近就遇到了这种需求,各处求解,最后通过网上案例的启发,想到了两种解决方案. 方案1: 创建一个函数removeLastZero

将后面的m个数移到前面

#include<iostream> #include<algorithm> #include<stdio.h> #include<numeric> using namespace std; int bigswap(char* a,int start,int end) { while(start<end) { swap(a[start],a[end]); start++; end--; } return 1; } int helper(char* a,

清除zencart分类页多页后面的&amp;disp_order &amp;sort字符串的方法

在includes\classes\split_page_results.php页面中的function display_links()函数第一行添加如下两行代码即可$parameters=preg_replace("/&disp_order=[0-9]*/","",$parameters); $parameters=preg_replace("/&sort=[0-9]*/","",$parameters);

Linux中awk后面的RS, ORS, FS, OFS 用法

Linux中awk后面的RS, ORS, FS, OFS 含义 一.RS 与 ORS 差在哪 我们经常会说,awk是基于行列操作文本的,但如何定义"行"呢?这就是RS的作用.  默认情况下,RS的值是\n.下面通过实例来理解下RS. echo '1a2a3a4a5' | awk '{print $1}' 1a2a3a4a5 echo '1a2a3a4a5' | awk 'BEGIN{RS="a"}{print $1}' 1 2 3 4 5我们可以看到,在更改了RS的

springboot启动成功但是debug出现后面的Connected to the target VM, address: &#39;127.0.0.1:53340&#39;, transport: &#39;socket&#39;

springboot启动成功但是debug出现后面的Connected to the target VM, address: '127.0.0.1:53340', transport: 'socket' 打开Breakpoints面板 ctrl + shift + F8 进入 或者 工具栏 run -->view Breakpoints... 把打勾全去掉 虽然还是有上面的问题,但是项目能正常运行了 解决参照:https://blog.csdn.net/gcj729027291/article/

Haproxy: web前段调用后面的mysql数据,不定期的报错

在部分12580项目中,我引入了haproxy做为软负载.主要为一些非关键性的业务提供服务.架构比较简单.两台web前段,通过haproxy调用后端的两台mysql(slave),主要用于搜索.不写入数据. 自从上线后,开发人员就偶尔反馈说,有时打开web页面查询数据,报错如下: HTTP Status 500 - Request processing failed; nested exception is org.springframework.transaction.CannotCreate

SqlSever基础 top 后面的n 由一个简单的计算式子计算得出

镇场诗:---大梦谁觉,水月中建博客.百千磨难,才知世事无常.---今持佛语,技术无量愿学.愿尽所学,铸一良心博客.------------------------------------------ 1 base code 1 use master 2 drop database helloworld 3 4 5 --创建一个数据库 6 create database helloworld 7 8 9 10 --用helloworld1这个数据库 11 use helloworld 12 13

javascript获取url地址问好后面的值,包括问号

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>关于hasOwnProperty()方法的应用</title> 6 </head> 7 <body> 8 <div id="div">aaaaa</div> 9 <

IE10+删除input后面的叉

从IE 10开始,type="text" 的 input 在用户输入内容后,会在后面自动产生一个小叉(X),方便用户点击清除已经输入的文本对于type="password"的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容. 大多数情况下,为了和其他浏览器呈现相同的效果,需要将input文本输入框右方的X给去掉,将密码输入框右边的小眼睛也给去掉.只要使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮. inpu