DOM Calendar - Revision history

Andr3w: /* Show the week that includes the first Monday of this month */

2022-02-01T07:36:39Z

Show the week that includes the first Monday of this month

← Older revision		Revision as of 07:36, 1 February 2022
Line 148:		Line 148:
	</div>		</div>

	==Show the week that includes the first ~~Monday~~ of this month==		==Show the week that includes the first of this month==
	<div class=qu data-width=300>		<div class=qu data-width=300>
	<pre class=usr>		<pre class=usr>

2022-02-01T07:31:32Z

Show the week thaht includes the first Monday of this month

← Older revision		Revision as of 07:31, 1 February 2022
Line 148:		Line 148:
	</div>		</div>

	==Show the week ~~thaht~~ includes the first Monday of this month==		==Show the week that includes the first Monday of this month==
	<div class=qu data-width=300>		<div class=qu data-width=300>
	<pre class=usr>		<pre class=usr>
			let mon = new Date();
			mon.setDate(1);
			mon = new Date(mon.getTime() - 1000606024 mon.getDay());
			let n = mon.getTime();
			for(let i=0; i<7; i++){
			let dy = new Date(n + 1000606024i);
			let d = document.createElement('div');
			d.innerHTML = dy.toLocaleDateString('en',{day:'2-digit',month:'short',weekday:'short'});
			document.body.append(d);
			}
	</pre>		</pre>

2022-02-01T07:30:10Z

Show the first Sunday of this month

@@ Line 139: / Line 139: @@
+}
 let n = sun.getTime();
 for(let i=0; i<7; i++){
    let dy = new Date(n + 1000*60*60*24*i);

2022-01-15T11:12:27Z

Show 7 days from now

← Older revision		Revision as of 11:12, 15 January 2022
Line 37:		Line 37:
	==Show 7 days from now==		==Show 7 days from now==
	<div class=qu data-width=300>		<div class=qu data-width=300>
	The method <code>getTime()<code> gives the number of millseconds since a fixed date (1st Jan 1970).		The method <code>getTime()</code> gives the number of millseconds since a fixed date (1st Jan 1970).

	If you want to add one day you must add 86400000 milliseconds, this is 10006060*24		If you want to add one day you must add 86400000 milliseconds, this is 10006060*24

2022-01-15T11:12:12Z

Show 7 days from now

← Older revision		Revision as of 11:12, 15 January 2022
Line 37:		Line 37:
	==Show 7 days from now==		==Show 7 days from now==
	<div class=qu data-width=300>		<div class=qu data-width=300>
			The method <code>getTime()<code> gives the number of millseconds since a fixed date (1st Jan 1970).

			If you want to add one day you must add 86400000 milliseconds, this is 10006060*24

	<pre class=usr>		<pre class=usr>

2022-01-15T11:09:55Z

Show 7 days from now

← Older revision		Revision as of 11:09, 15 January 2022
Line 39:		Line 39:

	<pre class=usr>		<pre class=usr>
			//This gives the number of milliseconds since 1st Jan 1970
	let n = new Date().getTime();		let n = new Date().getTime();
	for(let i=-3; i<3; i++){		for(let i=-3; i<3; i++){
			//One day has 10006060*24 milliseconds
	let dy = new Date(n + 1000606024i);		let dy = new Date(n + 1000606024i);
	let d = document.createElement('div');		let d = document.createElement('div');

2022-01-15T11:07:36Z

Display dates as specified

← Older revision		Revision as of 11:07, 15 January 2022
Line 11:		Line 11:
	let today = new Date()		let today = new Date()
	sets the variable <code>today</code> to today's date		sets the variable <code>today</code> to today's date
	The function ~~toLocalDateString~~ takes an ''options'' object. You can set:		The function <code>toLocaleDateString</code> takes an ''options'' object. You can set:
	*weekday to <code>long</code> <code>short</code> <code>narrow</code>		*weekday to <code>long</code> <code>short</code> <code>narrow</code>
	*month to <code>long</code> <code>short</code> <code>narrow</code>		*month to <code>long</code> <code>short</code> <code>narrow</code>
Line 34:		Line 34:
	</pre>		</pre>
	</div>		</div>

	==Show 7 days from now==		==Show 7 days from now==
	<div class=qu data-width=300>		<div class=qu data-width=300>

2022-01-09T22:17:42Z

Show the first Sunday of this month

@@ Line 122: / Line 122: @@
 *Add 7 - dayNumber
 <pre class=usr>
 </pre>

2022-01-09T22:17:11Z

Show the first Sunday of this month

← Older revision		Revision as of 22:17, 9 January 2022
Line 142:		Line 142:
	let sun = new Date();		let sun = new Date();
	sun.setDate(1);		sun.setDate(1);
	~~let n~~ = sun.getTime() - 1000606024sun.getDay();		if (sun.getDay() === 0){
			//The first happens to be a Sunday, do nothing
			}else{
			sun = new Date(sun.getTime() + 1000606024 (7-sun.getDay()));
			}
			let n = sun.getTime();
	for(let i=0; i<7; i++){		for(let i=0; i<7; i++){
	let dy = new Date(n + 1000606024i);		let dy = new Date(n + 1000606024i);
	let d = document.createElement('div');		let d = document.createElement('div');
	d.innerHTML = dy.toLocaleDateString('en',{day:'2-digit',month:'short', weekday:'short'});		d.innerHTML = dy.toLocaleDateString('en',{day:'2-digit',month:'short',weekday:'short'});
	document.body.append(d);		document.body.append(d);
	}		}
	</pre>		</pre>
	</div>		</div>

2022-01-09T22:16:45Z

Show the first Sunday of this month

← Older revision		Revision as of 22:16, 9 January 2022
Line 119:		Line 119:
	You can find the first Sunday of this month...		You can find the first Sunday of this month...
	*Get the first of this month		*Get the first of this month
	*~~Subtract~~ day ~~of the week~~		*If that day is Sunday do nothing
			*Add 7 - dayNumber
	<pre class=usr>		<pre class=usr>
	let sun = new Date();		let sun = new Date();