jQuery:datepicker,提醒所选的日期名称

时间:2011-06-25 21:49:31

标签: javascript jquery jquery-ui datepicker jquery-ui-datepicker

如何提醒所选日期名称?示例'星期一'。

因此,当您选择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>

5 个答案:

答案 0 :(得分:11)

jQueryUI的Datepicker附带了formatDate函数,可以为您完成。如果您使用的是本地化版本,它也会以该语言显示日期。

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

有关Dapicker实用程序功能本地化的更多信息,请查看http://jqueryui.com/demos/datepicker/

答案 1 :(得分:1)

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

答案 2 :(得分:1)

如果你不介意在输入框中显示当天的名字,这将有效 如果您不喜欢它,您可以使用第二个隐藏输入(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/

答案 3 :(得分:0)

您可以解析这样的日期(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)

答案 4 :(得分:0)

使用内置功能

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

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

}});