クリックで日番号の色を変更 - 背景ではない

Question

フルカレンダーで任意の日にクリックすると、曜日の色を変更する必要があります。クリックした日が有効になっていることを表示しようとしています。

推奨されるtextColor、color、borderColor、backgroundColorを使用しようとしましたが、最後のものだけが動作します。

dayClick: function(date, jsEvent, view) { 
       $(this).css('textColor', 'red'); 
      }, 

ありがとうございます。

Answer 1

使用

$('#calendar').fullCalendar({ 
        dayClick: function (date) { 
         var moment = date.toDate(); 
         MyDateString = moment.getFullYear() + '-' 
           + ('0' + (moment.getMonth() +1)).slice(-2) 
           + "-" +('0' + moment.getDate()).slice(-2); 
         $('[data-date='+MyDateString+']').css({"color": "red", "backgroundColor": "yellow", "borderBottom": "5px solid #ccc"}); 
        } 
       }); 

説明：

var moment = date.toDate(); 

これは、このコードは、2016年7月29日に日付の書式を変更する

MyDateString = moment.getFullYear() + '-' 
            + ('0' + (moment.getMonth() +1)).slice(-2) 
            + "-" +('0' + moment.getDate()).slice(-2); 

javascriptの日付オブジェクトに日付文字列を変更します

属性データ-日=「2016年7月29日」私たちのHTMLで

$('[data-date='+MyDateString+']').css({"color": "red", "backgroundColor": "yellow", "borderBottom": "5px solid #ccc"}); 

このチェックし、それに応じてスタイルを適用し

希望これは、あなたがどのようなプラグインを使用している