קוד jQuery שמציג את התאריך בעברית
המדריך המצורף משתמש ביכולות של javascript להציג את הזמן ולצורך כך משלב jQuery ואת האובייקט ()date. האובייקט ()date מוסבר במדריך : בלוק שעון לאתר.
מדריכים קודמים בסדרת ה-jQuery יכולים לעזור לכם להבין את המדריך הנוכחי:
סלקטורים, אירועים, פונקציות ומתודות jQuery
כדי שזה יעבוד חשוב להוסיף את השורה הבאה באזור ה-head, שמאפשרת להציג עברית בדפדפן. אם לא תוסיפו שורה זו תקבלו ג'יבריש.
<meta charset="WINDOWS-1255">
<!DOCTYPE html>
<html>
<head>
<meta charset="WINDOWS-1255">
<style>
#hebrewDate{
background-color: black;
font-size: 18px;
color: #0BF622;
border: 5px inset #597572;
height: auto;
width: 300px;
text-align: center;
font-family: Impact, Arial, sans-serif;
letter-spacing: 3px;
padding-top: 15px;
padding-bottom: 15px;
}
</style>
</head>
<body dir="rtl">
<p id="hebrewDate" dir="rtl">
יום <span id='day'></span> <span id="dayInMonth"></span> ב<span id='month'></span><span id="dayInMonth"></span>, <span id="fullYear"></span>
</p>
</body>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
(function($) {
//המשתנים שמתקבלים מהשעון
var date = new Date(),
day = date.getDay(),
fullYear = date.getFullYear(),
month = date.getMonth(),
dayInMonth = date.getDate();
//המערכים שמאפשרים את המרת השמות לשמות עבריים
var hebrewDaysNames = new Array("ראשון","שני","שלישי","רביעי","חמישי","שישי","שבת");
var hebrewMonthsNames = new Array("דצמבר","נובמבר", "אוקטובר", "ספטמבר", "אוגוסט", "יולי", "יוני","מאי","אפריל","מרץ","פברואר","ינואר");
//מדפיס את היום
var getDay = hebrewDaysNames[day];
$('#day').text(getDay);
//מדפיס את החודש
var getMonth = hebrewMonthsNames[month];
$('#month').text(getMonth);
//מדפיס את היום בחודש
$("#dayInMonth").text(dayInMonth);
//מדפיס את השנה המלאה
$("#fullYear").text(fullYear);
})(jQuery);
</script>
</html>
הקוד נבדק ונמצא שהוא פועל היטב בדפדפנים: Chrome, Opera, Firefox, Safari ו-IE9.
אהבתם? לא אהבתם? דרגו!
0 הצבעות, ממוצע 0 מתוך 5 כוכבים
