ограничить диапазон дат от средства выбора даты, сравнивая даты в БД, используя laravel - PullRequest
0 голосов
/ 25 января 2020

У меня есть два сборщика дат. один для «fromDate» и другой для «ToDate». Здесь я хочу сохранить опыт работы кандидатов. Так что мне нужно поля для добавления fromdate и todate. То есть я получаю больше истории опыта одного кандидата. Если я выбираю дату из средств выбора fromDate и ToDate, это должно ограничить выбор дат между записи даты БД, приведенные в fromdate и todate. В моей форме у меня есть флажок, чтобы проверить текущую работу. Так что я получаю дату окончания работы, и todate устанавливается как 0000-00-00, чтобы знать, что это происходит. структура таблицы: идентификатор пользователя, заголовок, исходная дата, дата, компания, описание. мой код:

 <form id="candiwork" action="{{url('Candidate/experience/details')}}" method="post">
                    {{ csrf_field() }}
                    <div class="row">
                        <div class="col-lg-12">
                            <span class="pf-title">Job Title</span>
                            <div class="pf-field">
                                <input placeholder="Job Title.." type="text" name="job" id="job">
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <span class="pf-title">From Date</span>
                                <div class="pf-field">
                                    <input placeholder="06.11.2007" type="text" class="form-control datepicker" name="fromDate" id="fromDate">
                                </div>
                        </div>
                        <div class="col-lg-5">
                            <span class="pf-title">To Date</span>
                                <div class="pf-field">
                                    <input placeholder="06.11.2012" type="text" class="form-control datepicker" name="toDate" id="toDate">
                                </div>
                        </div>
                        <div class="col-lg-2">
                            <p class="remember-label">
                                <input type="checkbox" name="cb" id="fgfg"><label for="fgfg">Present</label>
                            </p>
                        </div>
                        <div class="col-lg-12">
                            <span class="pf-title">Company</span>
                                <div class="pf-field">
                                    <input placeholder="Company" type="text" name="company" id="company">
                                </div>
                        </div>
                        <div class="col-lg-12">
                            <span class="pf-title">Description</span>
                                <div class="pf-field">
                                    <textarea name="description" id="description"></textarea>
                                </div>
                        </div>
                        <div class="col-lg-12">
                            <button type="submit" id="btn">Save</button> <br><br><br><br><br><br>
                        </div>

                    </div>
                </form>
<script>
$(document).ready(function(){

$("#fromDate").datepicker({
    maxDate: '0',
    format: 'yyyy-mm-dd',
    todayBtn:  1,
    autoclose: true,
}).on('changeDate', function (selected) {
    var minDate = new Date(selected.date.valueOf());
    $('#toDate').datepicker('setStartDate', minDate);
    $('#toDate').datepicker('setDate', minDate); // <--THIS IS THE LINE ADDED
});

$("#toDate").datepicker({
    format: 'yyyy-mm-dd'
}).on('changeDate', function (selected) {
        var maxDate = new Date(selected.date.valueOf());
        $('#fromDate').datepicker('setEndDate', maxDate);
    });

});
$(function(){

    $('.datepicker').datepicker({
        format: 'yyyy-mm-dd'
    });


});
$("#fgfg").change(function() {
    if(this.checked) {
        $("#toDate").prop("disabled",true);
    }else{
        $("#toDate").prop("disabled",false);
    }
});

$("#candiwork").validate({
    rules: {
                job: {
                        required: true,
                },          
                fromDate: {
                        required: true,
                },
                toDate:{
                    required:true,
                },
                company:{
                    required:true,
                },
                description:{
                    required:true,
                }

            },
            messages: {
                job :"Please enter job title",        
                fromDate:"Please enter from date",
                toDate:"Please enter to date",
                company:"Please enter company name",
                description:"Please enter description"
                },
});
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...