jQuery：日期选择器，提醒所选日期的名称

Question

我如何提醒所选日期的名称？例如“星期一”。

因此，当您选择 2011 年 6 月 7 日时，它会提醒“星期二”

<script>
$(function() {
    $( "#date" ).datepicker({ 
     dateFormat: 'dd/mm/yy',
     onSelect: function(dateText, inst) {
    // how can i grab the day name of the day, example "Monday" and alert it out?
    // alert( ? );
     }
    });
});
</script>

Answer 1

jQueryUI 的 Datepicker 附带了一个 formatDate 函数，可以做到这一点为你。如果您使用本地化版本，它也会以该语言显示日期。

onSelect: function(dateText, inst) {
  var date = $(this).datepicker('getDate');
  alert($.datepicker.formatDate('DD', date));
}

有关 Dapicker 实用函数本地化的更多信息，请查看 http://jqueryui.com/demos/datepicker /。

Answer 2

<script>
$(function() {
    $( "#date" ).datepicker({ 
         dateFormat: 'dd/mm/yy',
         onSelect: function(dateText, inst) {
         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";

         alert(weekday[inst.getDate().getDay()];
     }
    });
});
</script>

Answer 3

如果您不介意在输入框中显示当天的名称，这将起作用
如果您不喜欢它，您可以使用第二个隐藏输入（http://jqueryui.com/demos/ datepicker/#alt-field)

$(function() {
    $( "#date" ).datepicker({
     dateFormat: 'DD, d MM, yy',
     onSelect: function(dateText, inst) {
         var stop = dateText.indexOf(',');
        alert( dateText.substring(0, stop));
     }
    });
});

示例位于 http://jsfiddle.net/aa74R/

Answer 4

您可以像这样解析日期 (mm/dd/yyyy)：

new Date(Date.parse("06/07/2011"))

并使用 .getDay 函数。你可以这样做：

// parse data
var regexp = /(\d{2})\/(\d{2})\/(\d{2})/.exec("07/06/11");

//form date
var date = new Date(Date.parse(regexp[2] + "/" + regexp[1] + "/20" + regexp[3]));

alert(date.getDay()); // 2 -> Tuesday (starts at 0 = Sunday)

Answer 5

使用内置函数

$("#datepicker" ).datepicker({  onSelect: function(dateText, inst) {

alert($.datepicker._defaults.dayNames[new Date(dateText).getDay()]);

}});