3

選択した曜日をどのように警告できますか?例 '月曜日'。jQuery:datepicker、選択した曜日のアラート

あなたは2011年6月7日を選ぶときだから、あなたは、この(mm/dd/yyyy)のような日付解析することができ、 "火曜日"

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

答えて

11

jQueryUIの日付ピッカーはあなたのためにそれを行うことができformatDate機能が付属しています。ローカライズされたバージョンを使用している場合は、その言語でも曜日が表示されます。 Dapickerのユーティリティ機能上のローカライズの詳細については

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

http://jqueryui.com/demos/datepicker/を見ています。あなたはそれを好まない場合は、第二隠された入力(http://jqueryui.com/demos/datepicker/#alt-field)を使用することができます入力ボックス に曜日の名前を示す気にしないならば、これは動作します

+0

注: 'date' **は、** datePickerの' getDate() 'によって提供される** JavaScript **' Date'オブジェクト**でなければなりません。あなたが* datepickerから来ていない日付を書式設定しているのかどうかは分かりません。もし単に文字列を渡せば、 'b.getMonth is not a function'などの面白いエラーが発生します。 –

0

に警告します:

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) 
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> 
+0

inst.getDate()は関数ではありません – Karem

1

$(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/

0

使用作り付けの機能

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

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

}}); 
関連する問題