Как установить отображаемую по умолчанию дату bootstrap-datetimepicker на «null»

введите здесь описание изображения

Я работаю с http://eonasdan.github.io/bootstrap-datetimepicker/. . Если вы откроете https://jsfiddle.net/Eonasdan/0Ltv25o8/, вы увидите, что начальная дата пусто и заполняется только при нажатии на виджет (см. также скриншот). Это поведение, которое я хочу.

В моей настройке по умолчанию установлена ​​текущая дата.

</div>

    <script type="text/javascript">
        $(function () {
            $('#datetimepicker5').datetimepicker({
                enabledHours: [ 12,19,20,21 ],
                stepping:15,
                sideBySide: true,
                defaultDate:false
            });
        });
    </script>

Я пробовал defaultDate: false, но текущая дата все еще отображается. Как я могу это исправить?


jquery css datetimepicker twitter-bootstrap eonasdan-datetimepicker
person user1592380    schedule 24.03.2016    source источник

Ответы (2)


arrow_upward
1
arrow_downward

если вы все еще боретесь за ответ, просто попробуйте свой собственный метод, используя приведенный ниже код. Тем не менее, я объясню свой сценарий

<input type='text' class="form-control" readonly id='datetimepicker4' />
<script>
$(document).ready(function() {
    var date = new Date();
    var year = date.getFullYear();
    $('#datetimepicker4').datetimepicker({
        viewMode: 'years',
        format: 'DD/MM/YYYY',
        ignoreReadonly: true,
        defaultDate: {year: year}
     });
     $('#datetimepicker4').val("");
)};
</script>

В приведенном выше коде я использую «только для чтения» во входном теге, а затем в сценарии, используя ignoreReadOnly для true, это будет игнорировать только чтение, заданное во входном теге datetimepicker, однако пользователь не может ничего вводить, но может только выбрать дата. В частности, в приведенном выше случае, который я использую для текущего года и устанавливаю дату по умолчанию, это установит входной тег с некоторым значением по умолчанию, в моем случае 1 января текущего года, поэтому для его удаления просто использовалась настройка в jquery для повторно инициализируйте идентификатор #datetimepicker4 с пустым значением. Это установит пустое значение при загрузке веб-страницы. Опять же, я знаю, что это не постоянное решение, однако те, кто не может или не заинтересован в настройке файла js, также могут использовать этот метод. Не стесняйтесь задавать любые сомнения. Спасибо

person Nair Ranjith    schedule 01.03.2019

arrow_upward
0
arrow_downward

Я попробовал и преуспел.

$(function () {
    $('#datetimepicker5').datetimepicker({
       enabledHours: [ 12,19,20,21 ],
       stepping:15,
       sideBySide: true
    }).datetimepicker('setDate', null);
});
person poppies    schedule 24.12.2020