Laravel -> Modal-> Datetimepicker-> фокус фиксируется на текущей дате - PullRequest
Новая
       50

Laravel -> Modal-> Datetimepicker-> фокус фиксируется на текущей дате

0 голосов
/ 22 марта 2020

У меня есть проблема, из-за которой Datetimepicker в моем модале отображается, однако при наведении курсора на дату значок мигает, если я меняю месяц, он возвращается к текущему месяцу и дню. Также не нравится, когда день выбран. При добавлении входного кода вне модального режима все работает нормально, однако внутри - нет. Все остальные поля в порядке.

Модальный код 

<div class="modal fade" id="addmemberModal" tabindex="-1" role="dialog" aria-labelledby="NewRollLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class ="modal-title" id="addmemberModal">Add Member</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            {!!Form::open(array('action' => ['MembersController@store'], 'method'=>'POST', 'class'=>'form-horizontal'))!!}
            <div class="modal-body">
                        <label class="label-control">Membership Number:</label>
                        <div class="input-group">
                            <input type = "text" class = "form-control" name = "membership" value="New">
                        </div>

                        <label class="label-control">First Name:</label>
                        <div class="input-group">
                            <input type="text" class="form-control" name="firstname" value="">
                        </div>

                        <label class="label-control">Last Name</label>
                        <div class="input-group">
                            <input type="text" class="form-control" name="lastname" value="">
                        </div>

                        <label class="label-control">Rank:</label>
                        <div class="input-group">
                            <select type="text" class="selectpicker" data-sytle="select-with-transition" name="rank" data-size="6">
                                @foreach ($rank as $r)
                                <option value ={{$r->id}} >{{$r->rank}}</option>
                                @endforeach
                            </select>
                        </div>


                        <label class="label-control">Date of Joining:</label>
                            <div class="form-group">
                                <div class="input-group">
                                    <input type="text" class="form-control datetimepicker" name="doj" value="{{Carbon\Carbon::now()->format('d-m-Y')}}">
                                </div>
                            </div>

                        <label class ="label-control">Date of Birth:</label>
                            <div class ="form-group">
                                <div class="input-group">
                                    <input type="text" class="form-control datetimepicker" value="{{Carbon\Carbon::now()->format('d-m-Y')}}">
                                </div>
                            </div>

                        <label class="label-control">Membership Type</label>
                       <div class="input-group">
                            <select type="text" class="selectpicker" data-sytle="select-with-transition" name="type">
                                <option value="League">League Member</option>
                                <option value="Associate">Associate Member</option>
                            </select>
                       </div>
                </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-round btn-secondary" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-round btn-primary">Save Changes</button>
            </div>
            {!!Form::close()!!}
        </div>
    </div>
</div>

Если я установлю тип ввода в Date, я получу стандартный указатель даты. Документация находится здесь https://eonasdan.github.io/bootstrap-datetimepicker/

...