datetimeのパラメータをうまく取得することができない

Question

events.new.erbでパラメーターがうまく取得することができません。。

Ruby on Railsでfullcalendarを利用した予定管理アプリを作成しながら勉強中です。
jqueryで終日（checkbox)をチェックしたら、class="hidden-if-allday"のdatetime_selectとclass="visible-if-allday"のdate_selectを切り替えています。
sccsで、class="visible-if-allday"をdisplay: none;にしておいて、チェックすると表示させるようにしています。

events.new.erbで、終日をチェックせず、datetime_selectで、startの値を選んで、submitした時、選んだ日付がうまく受け取れません。datetime_select、date_selectの両方とも名称を、startとしていることが原因でしょうか？それとも、jqueryの原因なのでしょうか？
よろしければ、ご教授お願いします。

...events_controller.rb
  def new
    @event = Event.new
    time0 = Time.current.beginning_of_hour
    @event.start = time0.advance(hours: 1)
    @event.end = time0.advance(hours: 2)
  end

  def create
    @event = Event.new(event_params)
    @event.user_id = @current_user.id
    if @event.allDay?
      @event.start = @event.start.beginning_of_day
      @event.end = @event.end.tomorrow.beginning_of_day
    end
    respond_to do |format|
      if @event.save
        format.html { redirect_to '/events/index',notice: 'Event was successfully created.' }
        format.json { render :show, status: :created, location: @event }
      else
        format.html { render :new }
        format.json { render json: @event.errors, status: :unprocessable_entity }
      end
    end
  end

    private
    def set_event
      @event = Event.find_by(id:params[:id])
    end

    def event_params
      params.require(:event).permit(
        :title,
        :start,
        :end,
        :place,
        :description,
        :allDay
      )
    end

events/new.html.erb
....
     <div class="form-group form-allDay">
        <div class="group-label">
         <%= f.label :allDay, "allDay" %>
        </div>
        <div class="group-inner">
         <%= f.check_box :allDay, :as => :boolean %>
        </div>
     </div>
     <div class="form-group hidden-if-allday">
        <div class="group-label">
         <i class="fas fa-2x fa-angle-double-right"></i>
        </div>
        <div class="group-inner">
         <%= f.datetime_select :start %>
        </div>
     </div>
     <div class="form-group hidden-if-allday">
        <div class="group-label">
         <i class="fas fa-2x fa-angle-double-left"></i>
        </div>
        <div class="group-inner">
         <%= f.datetime_select :end %>
        </div>
     </div>
     <div class="form-group visible-if-allday">
        <div class="group-label">
         <i class="fas fa-2x fa-angle-double-right" ></i>
        </div>
        <div class="group-inner>
         <%= f.date_select :start %>
        </div>
     </div>
     <div class="form-group visible-if-allday">
        <div class="group-label">
         <i class="fas fa-2x fa-angle-double-left"></i>
        </div>
        <div class="group-inner">
          <%= f.date_select :end %>
        </div>
     </div>
....

$(document).on('change', '#event_allDay', function(){
    var form = $('.new_event,.index_event,.edit_event');
    var checkBox = $('#event_allDay');
    var allDay = checkBox.prop('checked');
    form.find('.visible-if-allday').toggle(allDay);
    form.find('.hidden-if-allday').toggle(!allDay);  
});

  .visible-if-allday {
    display: none;
  }