March 14, 2012
Get week day name from jquery ui calendar
Question by PalAla
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.
$("input[name=date]").datepicker({
dateFormat: 'yy-mm-dd',
changeYear:true,
changeMonth:true,
onSelect: function(dateText, inst) {
var date = $(this).datepicker('getDate');
//what should I write here to get the day name?
}
});
Answer by ManseUK
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 by Starx
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
}
});
