2012-03-14 57 views
2

我想从jquery ui日历中选择日期时获取日的名称。从jquery ui calendar获取周日名称

例如,当选择14-3-2012时,应该返回星期三。

$("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? 

    } 
}); 

回答

2

创建一个有天的列表中的数组...

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"; 

然后在您的onselect函数中获取日期编号并使用上面的数组进行回退星期几

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 

} 
+0

我想要这种方式,因为我需要保持日期格式。 – palAlaa 2012-03-14 11:12:50

+0

date.getUTCDay()以星期一开头0 – 2014-01-09 09:36:12

+0

@LahiruRuhunage nope .. 0 =星期日 - [阅读文档](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getUTCDay) - *其中0表示星期日* – ManseUK 2014-01-09 09:48:19

1

尝试:

 

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

} 
 
+0

它返回它似乎在本周日的订单号,我要开始一天改到周六。该firstDay:1表示星期一,我应该怎么周六指定。 – palAlaa 2012-03-14 11:00:47

0

使用此代码....

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

有各种格式可以显示日期。对于与日历兼容的所有日期格式,检查this

在你的情况下,dateFormat: 'DD'显示星期几。

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

只要更改格式的日期,如果你没有格式问题。 并应用一些日志来获得工作日。

检查这个演示:http://jsfiddle.net/cnvwu/