0

Имеется input с подключенным bootstrap datetimepicker. Также задается defaultDate в котором дата задается с помощью moment.js. У меня такой код:

index.html:

<div class="form-group">
    <label class="col-sm-4 control-label">Дата</label>
    <div class="col-sm-8">
        <div class='input-group' id="date">
            <input type='text' class="form-control" data-behavior="datetimepicker" placeholder="Дата" value="" />
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span>
            </span>
       </div>
    </div>
</div>

main.js:

$(document).ready(function() {
    $(function() {
        $('#date').datetimepicker({
            defaultDate: moment().startOf('day').add(1, 'day'),
        });
    });
});

Теперь мне нужно сделать так, чтобы при отправке формы шла валидация этого input, и jquery validate проверял, что эта дата не ранее текущего момента. Почитал документацию, нужно использовать isBefore, но я даже считать не могу эту дату. То есть console.log($('#date').val()) выдает пустое значение.

Перегуглил все, что можно, миллион способов вывести дату из datetimepicker, но вообще никак не выходит.

Пытаюсь так:

date =  $('#date');
console.log(moment(date).format("DD/MM/YYYY, HH:mm")); //Выведет правильный день, число и год, но время обнуляется. (21/06/2018, 00:00)
console.log(moment()); //выводит корректно (Moment {_isAMomentObject: true, _isUTC: false, _pf: {…}, _locale: Locale, _d: Thu Jun 21 2018 14:45:41 GMT+0700 (Индокитай), …})
console.log(moment(date)); //выводит в консоль объект и где-то в недрах есть та самая нужная дата, но не понимаю, как ее оттуда забрать. Полный путь- ._i["0"].jQuery3310055591916891772452.date
14
  • 1
    Вы задали инпуту идентификатор: id="date" но при этом в main.js обращаетесь не по айдишнику с помощью jQuery, а по имени класса: $('.date').datetimepicker({...}). Вам необходимо заменить $('.date') на $('#date') - тогда элемент будет найдет и дата будет положена в значение value. 21 июн 2018 в 7:01
  • Пробовал, как вы сказали, но нет. Если так сделать, то работать вообще ничего не будет. В моем случае все работает, не получается только вывести это значение, например в консоль. 21 июн 2018 в 7:22
  • Тут нет разницы, по айдишнику или по классу. Этого кода хватает, только что проверил, дата выводится, все супер. Не могу только подхватить эту дату и вывести в консоль. У себя поменял под айдишиники, разницы никакой. Просто обращение идет здесь: <div class='input-group date'> 21 июн 2018 в 7:27
  • А, ну если разницы в селекторе по имени класса и по идентификатору нет, то я не знаю. (Шучу, разница есть, но почему-то вы утверждаете обратное, для справки: Basic selectors). Просто обращение идет здесь: <div class='input-group date'> - скажу честно, я не понял. Подождем какого-нибудь гуру, возможно дадут ответ. 21 июн 2018 в 7:38
  • 1
    Вам же объясняют, вы в html пишете #date и в селекторе jquery обращаетесь к классу .date - это 2 разные вещи. через #-это ид, через .-это класс.
    – And
    21 июн 2018 в 8:16

1 ответ 1

0

Вывести дату из bootstrap datetimepicker получилось таким образом:

date = $('#date').data("DateTimePicker").date();
console.log(moment(date).format("DD/MM/YYYY, HH:mm"));

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.