// 現在表示している年月 let currentYear = new Date().getFullYear(); let currentMonth = new Date().getMonth(); // JavaScriptの月は0から始まる // カレンダーを更新する関数 function updateCalendar(year, month) { // ここにカレンダーを更新するロジックを実装 // 例えば、Ajaxを使ってサーバーから新しい月のデータを取得したり、 // クライアントサイドでカレンダーを生成したりします。 console.log(`カレンダーを更新: ${year}年 ${month + 1}月`); } // キーボードイベントのリスナーを設定 document.addEventListener('keydown', function(event) { if (event.key === 'ArrowLeft') { // 前の月へ currentMonth--; if (currentMonth < 0) { currentMonth = 11; currentYear--; } } else if (event.key === 'ArrowRight') { // 次の月へ currentMonth++; if (currentMonth > 11) { currentMonth = 0; currentYear++; } } updateCalendar(currentYear, currentMonth); }); document.addEventListener('DOMContentLoaded', function() { const today = new Date(); const currentYear = today.getFullYear(); const currentMonth = today.getMonth() + 1; // JavaScriptの月は0から始まるため、+1します const currentDate = today.getDate(); // カレンダー内の今日の日付を探し、特別なスタイルを適用します const days = document.querySelectorAll('.calendar td'); days.forEach(day => { const dayData = day.getAttribute('data-date').split('-'); // data-date="2024-01-01" const year = parseInt(dayData[0], 10); const month = parseInt(dayData[1], 10); const date = parseInt(dayData[2], 10); if(year === currentYear && month === currentMonth && date === currentDate) { day.classList.add('today'); // 今日の日付に特別なクラスを追加 } }); }); jQuery を利用するには、以下のように jQuery.ready() 内のコードを囲む ことを忘れないでください: jQuery(document).ready(function( $ ){ // あなたのコードをここに記述 }); -- 別のサーバー上の JavaScript のファイルへリンクしたいなら ( と同じように) これは、HTML コードなので「HTMLコードの追加」を使ってください。
コンテンツへスキップ

お探しのコンテンツを見つけられませんでした。検索をお試しください。