Formatting-day-date-month-name-year

Wikitechy | 430 Views | javascript | 04 Jun 2016

 

  • The getDay() method returns a number that specifies the day of the week. 
  • Sunday is represented by 0, Monday by 1 and so on. 
  • Here again we deploy an array. This array would contain the Day names.

Syntax :

var m_names = new Array();
var sup = "  " ;

Sample Code :

<html>
<head>
    <title> Formatting-date </title>
</head>
<body>
    <script type="text/javascript">
        var d_names = new Array("Sunday", "Monday", “Tuesday",  "Wednesday",
            "Thursday", "Friday", "Saturday");
        var m_names = new Array("January", "February", "March", "April",  "May", "June",
            "July", "August", "September", "October", "November", "December");
        var d = new Date();
        var curr_day = d.getDay();
        var curr_date = d.getDate();
        var sup = "";
        if(curr_date == 1 || curr_date == 21 ||curr_date ==31)
        {
            sup = "st";
        }
        else if (curr_date == 2 || curr_date == 22)
        {
            sup = "nd";
        }
        else if (curr_date == 3 || curr_date == 23)
        {
            sup = "rd";
        }
        else
        {
            sup = "th";
        }
        var curr_month = d.getMonth();
        var curr_year = d.getFullYear();
        document.write(d_names[curr_day] + " " + curr_date + "<SUP>" 
            + sup + "</SUP> " + m_names[curr_month] + " " + curr_year);
    </script>      
</body>
</html>

Code Explanation :

    Here the var d_names = new Array holds ("Sunday", "Monday", “Tuesday",  "Wednesday",  "Thursday", "Friday", "Saturday"); specify the getDay() function which gives us the day in a string form. To convert this value into the day name, we will deploy an array. The array would contain all the 7 days or weeks names.

  Here the var m_names = new Array holds ("January", "February", "March", "April", "May", "June", "July", "August", "September",  "October", "November", "December"); that specify the getMonth() function which gives us the month in a non-numeric form. To convert this value into the month name, we will deploy an array. The array would contain all the 12 month names.

    var d = new Date () specifies a variable d contains a new date object. We can now call the various methods of this date object.

    var curr_date = d.getDate()  return the current day of the month.

    var curr_day = d.getDay(); it return the current day.

    var sup = "" specifies to returns the e sup() method is used to display a string as superscript text.


    sup = "st"; specifies “st” is used with numbers ending in 1 such as 1st , 21st, 31st pronounced First, Twenty-first, Thirty-first.

  • We first initialize a variable sup that would store the superscript value. Using else if (curr_date == 2 || curr_date == 22) we check the value of the current date and accordingly we assign a value to sup (super script). (if condition is false it goes to else if condition).
    • sup = "nd"; specifies “nd” which  is used with numbers ending in 2 like 2nd, 22nd pronounced second, twenty-second.
  • We first initialize a variable sup that would store the superscript value. Using else if (curr_date == 3 || curr_date == 23) we check the value of the current date and accordingly we assign a value to sup(super script). (if condition is false it goes to else condition).
    • sup = "rd"; specifies “rd” is used with numbers ending in 3 e.g. 3rd ,23rd pronounced third , Twenty-third.
    • sup = "th"; specifies as an exception to the above rules, all the "teen" numbers ending with 11th , 12th .
    var curr_month = d.getMonth() specifies the current month.

   var curr_year = d.getFullYear() specifies the method returns the year (four digits for dates between year 1000 and 9999) of the specified date.

    document.write specifies the write() method writes JavaScript code to a document.(d_names[curr_day] + " " + curr_date + "<SUP>" + sup + "</SUP> " + m_names[curr_month] + " " + curr_year);it returns the current date with superscript text month name year (like: Monday 30th May 2016) in this format.

Sample Output :


    Here in this output we display Monday 30th May 2016 specifies the day or week datesup (date superscript text) month year.



Workshop

IOT Hackathon
Webinar

Join our Community

Advertise