laravel、カレンダー月めくりが上手くいかない

Question

環境：Windows10,XAMPP,HeidiSQL

laravelでカレンダーを作っています。
日めくりが上手くいきません。
http://localhost:8000/calendar2021-01
上記のようにアクセスし問題なく表示されます。
日めくりも1桁まではうまくいきますが、
10月からつまり2桁になると上手く表示されません。
http://localhost:8000/calendar2021-10
とすると$monthの値が【0】
http://localhost:8000/calendar2021-12
とすると$monthの値が【2】
になります。

http://localhost:8000/calendar2021-12
と入れて$monthの値が【12】にすることは出来ないのでしょうか。

ご教授頂けないでしょうか？

【ルート】

Route::get('/calendar{year}{month}','dayController@getCalendarDates');

【コントローラ】

public function getCalendarDates($year,$month)
    {
        dd($month);
        $dateStr = sprintf('%04d-%02d-01', $year,$month);
        
        $date = new Carbon($dateStr);
        $addDay = ($date->copy()->endOfMonth()->isSunday()) ? 7 : 0;
        // カレンダーを四角形にするため、前月となる左上の隙間用のデータを入れるためずらす
        $date->subDay($date->dayOfWeek);
        // 同上。右下の隙間のための計算。
        $count = 31 + $addDay + $date->dayOfWeek;
        $count = ceil($count / 7) * 7;
        $dates = [];

        for ($i = 0; $i < $count; $i++, $date->addDay()) {
            // copyしないと全部同じオブジェクトを入れてしまうことになる
            $dates[] = $date->copy();
        }
        $a = substr($year,0,4);

         //１ヶ月前
       $sub = Carbon::createFromDate($a,$month);
       $subMonth = $sub->subMonth();
       $subY = $subMonth->year;
       $subM = $subMonth->month;

       //1ヶ月後
       $add = Carbon::createFromDate($a,$month);
       $addMonth = $add->addMonth();
       $addY = $addMonth->year;
       $addM = $addMonth->month;

       $now = Carbon::today();

        return view('calendar',compact('dates','a','month','subY','subM','addY','addM','now'));
    }

【ブレード】

<table class="table table-bordered">
  <thead>
    <tr>
      @foreach (['日', '月', '火', '水', '木', '金', '土'] as $dayOfWeek)
      <th>{{ $dayOfWeek }}</th>
      @endforeach
    </tr>
  </thead>
  <tbody>
  @if($subM >= 10)
  <a href="/calendar{{$subY}}-{{$subM}}"><<前月 </a>
  @else
  <a href="/calendar{{$subY}}-0{{$subM}}"><<前月 </a>
  @endif
  {{$a}}年{{$month}}月
  @if($addM >= 10)
  <a href="/calendar{{$addY}}-{{$addM}}">次月>></a>
  @else
  <a href="/calendar{{$addY}}-0{{$addM}}">次月>></a>
  @endif
    @foreach ($dates as $date)

    @if ($date->dayOfWeek == 0)
    <tr>
    @endif
    
    @if ($date == $now && $date->dayOfWeek == 0 && $date->year == $a)
    <td style="background-color:#ffff00; color:#990000;">{{ $date->day }}</td>
    @elseif ($date == $now && $date->dayOfWeek == 6 && $date->year == $a)
    <td style="background-color:#ffff00; color:##3366CC;">{{ $date->day }}</td>

    @elseif ($date == $now && $date->year == $a)
    <td style="background-color:#ffff00;">{{ $date->day }}</td>

    @elseif ($date->dayOfWeek == 0)
    <td style="background-color:#f08080; color:#990000;">{{ $date->day }}</td>
    @elseif ($date->dayOfWeek == 6)
    <td style="background-color:#66CCFF; color:#3366CC;">{{ $date->day }}</td>
    @else
    <td>
      {{ $date->day }}
    </td>
    @endif

    @if ($date->dayOfWeek == 6)
    </tr>
    @endif
    
    @endforeach
  </tbody>
</table>

Comments

[kai0310]

> と入れて$monthの値が【12】にすることは出来ないのでしょうか。

できるんじゃないですかね。

Answer 1

// routes/web.php

Route::get('/calendar/{year?}/{month?}', 'CalendarController@get')->name('calendar');

// app/Http/Controllers/CalendarContoller
<?php

namespace App\Http\Controllers;

use Carbon\Carbon;
use Illuminate\View\View;

class CalendarController extends Controller
{
    /**
     * @param integer|null $year
     * @param integer|null $month
     * @return View
     */
    public function get(int $year = null, int $month = null): View
    {
        $weeks = ['日', '月', '火', '水', '木', '金', '土'];

        $carbon = new Carbon();
        $carbon->locale('ja_JP');

        if ($year) {
            $carbon->setYear($year);
        }
        if ($month) {
            $carbon->setMonth($month);
        }
        $carbon->setDay(1);
        $carbon->setTime(0, 0);

        $firstDayOfMonth = $carbon->copy()->firstOfMonth();
        $lastOfMonth = $carbon->copy()->lastOfMonth();

        $firstDayOfCalendar = $firstDayOfMonth->copy()->startOfWeek();
        $endDayOfCalendar = $lastOfMonth->copy()->endOfWeek();

        $dates = [];
        while ($firstDayOfCalendar < $endDayOfCalendar) {
            $dates[] = $firstDayOfCalendar->copy();
            $firstDayOfCalendar->addDay();
        }

        return view('calendar', compact('weeks', 'dates', 'firstDayOfMonth'));
    }
}

<!-- resources/views/calendar.blade.php -->

<div class="row">
    <div class="col-md-6">
        <a href="{{ route('calendar', ['year' => $firstDayOfMonth->copy()->subMonth()->year, 'month' => $firstDayOfMonth->copy()->subMonth()->month]) }}">前月</a>
    </div>
    <div class="col-md-6 text-right">
        <a href="{{ route('calendar', ['year' => $firstDayOfMonth->copy()->addMonth()->year, 'month' => $firstDayOfMonth->copy()->addMonth()->month]) }}">次月</a>
    </div>
</div>

<table class="table table-bordered">
    <thead>
    <tr>
        @foreach($weeks as $i => $week)
            <th @if($i===\Carbon\Carbon::SUNDAY) class="text-red"
                @elseif($i===\Carbon\Carbon::SATURDAY) class="text-blue" @endif>
                {{ $week }}
            </th>
        @endforeach
    </tr>
    </thead>
    <tbody>
    @foreach($dates as $date)
        @if($date->isSunday())
            <tr>
                @endif
                <td>{{ $date->format('n/j') }}</td>
                @if($date->isSaturday())
            </tr>
        @endif
    @endforeach
    </tbody>
</table>

Comments

[phper.k]

タイトルには「日めくり」ってあるけど、「月めくり」ですよね・・・

[phper.k]

質問者は回答に気付いてない？
それとも無視？？？

[ykkk]

失礼致しました。
失念しておりました。
「月めくり」に修正致します。

[phper.k]

回答は難しすぎたんですかね？

[ykkk]

少し難しかったです。
ただ現状自分のはブレードに書きすぎているところ
もあるのでとても勉強になりました。

[phper.k]

まあ、参考にしているサイトのソースコードの品質が低いですからね。
多分だけど、筆者は Carbon のこと詳しく把握してない
https://crieit.net/posts/Laravel-Carbon

Answer 2

Laravelの各種Routeの第一引数は、最長一致を行います。これを解決する方法はいくつかありますが、以下は一例です。

// web.php
Route::get('/calendar{year}-{month}','dayController@getCalendarDates');

これで、$yearの値はcalendarから-の最長一致となり、$monthの値は-から最後までの最長一致になります。

蛇足

どう言うのを想定しているのか知りませんが、バリデーションくらいはしようぜ。とは思いました。