עדכון תאריך דינאמי בJS

עדכון שנה דינאמי לפי תאריך נוכחי

באתרים רבים נדרש לציין “© כל הזכויות שמורות” עם השנה הנוכחית. ישנם כאלו המעדכנים ידנית כל שנה את התאריך…
במדריך זה נראה איך ניתן לעשות את זה בצורה פשוטה באמצעות הוספת קטע קוד Javascript פשוט.
נשתמש בווידג’ט כותרת או טקסט רגיל ונעטוף את השנה בתגית span עם id כלשהו

כל הזכויות שמורות 2019

				
					כל הזכויות שמורות <span id="footerYear">2019</span>

				
			

נוסיף לתוך ווידג’ט HTML משתנה שמושך את התאריך הנוכחי באמצעות הפונקציה ()Date 
נוסיף משתנה נוסף של ה-span שמכיל את השנה.
הבעיה שזה ימשוך פורמט של תאריך מלא בעוד אנחנו רוצים להציג רק את השנה, לכן נוסיף גם את הפונקציה ()getFullYear שמחלץ רק את השנה.

				
					<script>
let getDate = new Date();
let footerYear = document.getElementById("footerYear").innerText = getDate
</script>
				
			

הבעיה שזה ימשוך פורמט של תאריך מלא בעוד אנחנו רוצים להציג רק את השנה, לכן נוסיף גם את הפונקציה ()getFullYear  שמחלץ רק את השנה

				
					<script>
let getDate = new Date();
let footerYear = document.getElementById("footerYear").innerText = getDate.getFullYear()
</script>
				
			

ליצירת קשר השאירו פרטים כאן

שיתוף ב facebook
שיתוף ב twitter
שיתוף ב linkedin
שיתוף ב whatsapp