Get week day name from jquery ui calendar

Question

I want to get the name of the Day when choosing date from jquery ui calender.

for example, when choosing 14-3-2012 it should returns Wednesday.

$(\"i         


        

Answer 1

There are various formats from which you can display the dates.

Check this for all the date formats compatible with the calendar.

In your case dateFormat: 'DD' displays the WeekDays.

$("input[name=date]").datepicker({
    dateFormat: 'DD',
    changeYear:true,
    changeMonth:true,
    onSelect: function(dateText, inst) {
         alert(dateText); // alerts the day name
    }
});

Answer 2

Create an array with the list of days in it ...

var weekday=new Array(7);
weekday[0]="Sunday";
weekday[1]="Monday";
weekday[2]="Tuesday";
weekday[3]="Wednesday";
weekday[4]="Thursday";
weekday[5]="Friday";
weekday[6]="Saturday";

Then in your onselect function get the day number and use the above array to return the day of the week

onSelect: function(dateText, inst) {
  var date = $(this).datepicker('getDate');
  var dayOfWeek = weekday[date.getUTCDay()];
  // dayOfWeek is then a string containing the day of the week

}

Answer 3

Just Change the Format of date if you don't have problem with format. and than apply some log to get weekday.

check this demo : http://jsfiddle.net/cnvwu/

Answer 4

Try:

onSelect: function(dateText, inst) {
  var date = $(this).datepicker('getDate');
  var dayOfWeek = date.getUTCDay();

}

Answer 5

Use this code....

function(event, ui) {
    var date = $(this).datepicker('getDate');
    var dayOfWeek = date.getUTCDay();
};