Laravel Ajax 以其他格式显示日期时间

Question

我有表'Trip'，其中一个字段是'schedule'。 'schedule' 的类型是日期时间格式。 我在 laravel 中创建了一个项目。在组合框中，它显示“2020-04-29 10:09:00”，但我希望它显示为“2020 年 4 月 29 日”。 你知道如何解决它吗？谢谢你。 这是我的代码。

订单控制器：

    public function getTrip(){
        $departure = Input::get('departure_id');
        $destination = Input::get('destination_id');

        $trip_a = Trip::select('schedule')
            ->where(['departure_id' => $departure, 'destination_id' => $destination])
            ->whereDate('schedule', '>', Carbon::now())
            ->get();

        return response()->json($trip_a);
    }

在 web.php 中

Route::get('/order_trip', 'OrderController@getTrip');

在 create.blade.php 中

<div class="col-sm-6">
     <label>Departure From</label>
     <select class="form-control" name="departure_id" id="departure_id">
             <option disabled selected value> -- Departure From -- </option>
                     @foreach($town as $t)
                         <option value="{{ $t->town_id }}">
                                 {{$t->town_name}}
                         </option> 
                     @endforeach 
     </select>
</div>
     @if($errors->has('departure_id'))
         <div class="text-danger">
              {{ $errors->first('departure_id')}}
         </div>
     @endif

<div class="col-sm-6">
     <label>Destination</label>
      <select class="form-control" name="destination_id" id="destination_id">
             <option disabled selected value> -- Destination -- </option>
                     @foreach($town as $t)
                         <option value="{{ $t->town_id }}">
                                 {{$t->town_name}}
                         </option> 
                     @endforeach 
     </select>
</div>
     @if($errors->has('destination_id'))
         <div class="text-danger">
              {{ $errors->first('destination_id')}}
         </div>
     @endif                          

    <div class="row">
     <div class="col-sm-6">
        <label>Date</label>
           <select class="form-control" name="day" id="day">
                <option disabled selected value> -- Date -- </option>
           </select>
     </div>
         @if($errors->has('day'))
               <div class="text-danger">
                    {{ $errors->first('day')}}
               </div>
         @endif

阿贾克斯

<script>
   $(document).ready(function() {
    $('#day').click(function(){
        var selected_departure = $('#departure_id').val();
        var selected_destination = $('#destination_id').val();

        $.get('/order_trip?departure_id=' +selected_departure+'&destination_id=' 
          +selected_destination, function(data){
              $('#day').empty();
              $.each(data, function(index, value){
                console.log(value.schedule);
                $('#day').append('<option 
                   value='+value.schedule+'>'+value.schedule+'</option>');
              });
        });  
    });
});
</script>

Answer 1

您可以使用访问器来格式化您的日期。 Documentation

public function getScheduleAttribute($value)
{
   return $value->format('d F Y');
}

更新

并且不要忘记将您的字段转换为日期时间Documentation

protected $casts = [
        'schedule' => 'datetime',
    ];

如果需要，设置一个 mutator Documentation

public function setScheduleAttribute($value)
    {
        $this->attributes['schedule'] = Carbon::parse($value);
    }