jQuery Datepickerで特定の日を変更する方法

jQuery UI datepickerをWebページのカレンダーとして使用しています。私はカレンダーの中の特定の日、たとえば誕生日を異なる色に変更しようとしています。どうすればいいのですか？jQuery Datepickerで特定の日を変更する方法

出典

2016-10-11 Dimitar Tonchev

このフィドルをチェック！ – gaetanoM

こんにちは、私はここに私のjsfiddleであなたの役に立つかもしれない何かをしました： http://jsfiddle.net/samcyn/smp6Lvyp/。ここで選択された日付は、青色の背景と白色です。何が起きているのかをコンソールで確認してください。

<code> 

    <html> 
     <head> 
      <style> 
    a.ui-state-default.ui-state-active{ 
      background: blue; 
      color: #fff; 
      } 
      </style> 
     </head> 
     <body> 
      <div id="birthday"></div> 
     </body> 
    </html> 

    <script> 

     $('#birthday').datepicker({ 
      dateFormat: 'yy-m-d', 
      onSelect: function(dateText, inst) { 
      var date = $(this).datepicker('getDate'), 
      day = date.getDate(), 
      month = date.getMonth() + 1,    
      year = date.getFullYear(); 
      console.log(day + '-' + month + '-' + year); 
     } 

    }); 

</code>

出典

2016-10-11 22:04:03 Jide

やあ、あなたはまた、[jsFiddle]（https://jsfiddle.net/kyyu28v0/）のように https://jsfiddle.net/samcyn/kvcmnd0j/1/

var selectedDays = ["2016-10-21","2016-10-24","2016-10-27","2016-10-28"]; 
var date = new Date(); 
(function() { 
    $("#dateselector").datepicker({ 
     dateFormat: 'yy-mm-dd', 
     beforeShowDay: function(date) { 
      var m = date.getMonth(), d = date.getDate(), y = date.getFullYear(); 
      for (i = 0; i < selectedDays.length; i++) { 
       if($.inArray(y + '-' + (m+1) + '-' + d,disabledDays) != -1) { 
        //return [false]; 
        return [true, 'ui-state-active', '']; 
       } 
      } 
      return [true]; 

     } 
    }); 
});

出典

2016-10-11 22:31:50 Jide

jQuery Datepickerで特定の日を変更する方法

答えて

関連する問題