תחי ישראל - אין לנו ארץ אחרת

תחי ישראל -אין לנו ארץ אחרת

קוד jQuery שמציג את התאריך בעברית

מחבר:
בתאריך:

המדריך המצורף משתמש ביכולות של javascript להציג את הזמן ולצורך כך משלב jQuery ואת האובייקט ()date. האובייקט ()date מוסבר במדריך : בלוק שעון לאתר.

 

מדריכים קודמים בסדרת ה-jQuery יכולים לעזור לכם להבין את המדריך הנוכחי:

סלקטורים, אירועים, פונקציות ומתודות 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.

 

למדריך הבא בסדרת ה-jQuery

לכל מדריכי ה-jQuery

 

אהבתם? לא אהבתם? דרגו!

0 הצבעות, ממוצע 0 מתוך 5 כוכבים