カレンダーを使ってシフト管理アプリを作っています。
イメージしているのはカレンダーの日付のコマをクリックすると右側でその年月日に対応した登録ができるというようにしたいのですがどのようにプログラムを組めばいいか色々と調べてもピンとくるものがなくこちらで質問させていただきました。何かヒントでもいいので教えていただけるとありがたいです。
カレンダーは以下のコードで作りました
class CalendarService { /** * カレンダーデータを返却する * * @return array */ public function getWeeks() { $weeks = []; $week = ''; $dt = new Carbon(self::getYm_firstday()); $day_of_week = $dt->dayOfWeek; // 曜日 $days_in_month = $dt->daysInMonth; // その月の日数 // 第 1 週目に空のセルを追加 $week .= str_repeat('<td id="kara" class="bg-green-300"></td>', $day_of_week); for ($day = 1; $day <= $days_in_month; $day++, $day_of_week++) { //---------------------------------- $date = self::getYm() . $day; //---------------------------------- if (Carbon::now()->format('Ymj') === $date) { $week .= '<td id="kyou">' . $day.$date; } else { $week .= '<td id="otherday">' . $day. '<a href="#inline" class="inline">モーダルを表示するリンク'.$date.'</a><div id="inline" style="display:none;"> <p>ここにモーダル内に表示させたいコンテンツを準備する。</p> <p><a class="inline_close">×閉じる'.$date.'</a></p> </div>'; } $week .= '</td>'; // 週の終わり、または月末 if (($day_of_week % 7 === 6) || ($day === $days_in_month)) { if ($day === $days_in_month) { $week .= str_repeat('<td></td>', 6 - ($day_of_week % 7)); } $weeks[] = '<tr>' . $week . '</tr>'; $week = ''; } } return $weeks; } /** * month 文字列を返却する * * @return string */ public function getMonth() { return Carbon::parse(self::getYm_firstday())->format('Y年n月'); } /** * prev 文字列を返却する * * @return string */ public function getPrev() { return Carbon::parse(self::getYm_firstday())->subMonthsNoOverflow()->format('Ym'); } /** * next 文字列を返却する * * @return string */ public function getNext() { //dd(Carbon::parse(self::getYm_firstday())->addMonthNoOverflow()->format('Y-m')); return Carbon::parse(self::getYm_firstday())->addMonthNoOverflow()->format('Ym'); } /** * GET から Y-m フォーマットを返却する * * @return string */ private static function getYm() { if (isset($_GET['Ym'])) { return $_GET['Ym']; } //dd(Carbon::now()->format('Y-m')); return Carbon::now()->format('Ym'); } /** * 2019-09-01 のような月初めの文字列を返却する * * @return string */ private static function getYm_firstday() { //dd(self::getYm() . '-01'); return self::getYm() . '-01'; } }
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/11/15 04:29
2021/11/15 05:56