Отключить будущую дату в TempusDominus bootstrap4 datetimepicker - PullRequest
Новая
       32

Отключить будущую дату в TempusDominus bootstrap4 datetimepicker

0 голосов
/ 30 января 2020

Я использую TempusDominus bootstrap4 datetimepicker в моем html представлении. Поэтому я добавил приведенные ниже сценарии в свой проект. 

<script src="~/js/tempusdominus-bootstrap-4.min.js"></script>
<script src="~/js/moment.js"></script>
<link href="~/css/tempusdominus-bootstrap-4.min.css" rel="stylesheet" />

У меня уже есть приведенные ниже сценарии в моем макете. 

<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

@*scripts for unobtrusive client side validations*@
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.0.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.16.0/jquery.validate.min.js"></script>    <scriptsrc="https://ajax.aspnetcdn.com/ajax/jquery.validation.unobtrusive/3.2.6/jquery.validate.unobtrusive.min.js"></script>


    <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/jquery.inputmask.bundle.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.10/jquery.mask.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>

Мой html вид такой, как показано ниже: 

<div class="input-group date" id="datetimepicker4" data-target-input="nearest">
        <input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker4"
               name="date"
               id="datetimepicker4"/>
        <div class="input-group-append custom-datetimepicker" data-target="#datetimepicker4" data-toggle="datetimepicker">
            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
        </div>
    </div>

Мой javascript выглядит следующим образом: 

 $(function () {
    $('#datetimepicker4').datetimepicker({
        format: 'L',
        useCurrent: false,
        maxDate: new Date()
    });
});

Тот же код работает нормально в Fiddler, но он не работает в моем приложении.

Я могу отключить будущую дату на option maxDate:new Date() и из-за option useCurrent:false По умолчанию текущая дата не заполняется при загрузке страницы.

Но проблема, с которой я здесь сталкиваюсь, заключается в том, что в первый раз я не могу выбрать текущую дату, но во второй раз я могу выбрать ее. Поэтому я не уверен, что существующие файлы bootstrap js перезаписывают мои параметры выбора даты и времени.

Пожалуйста, помогите мне, спасибо заранее !!!

...