Clear Bootstrap DatePicker Значение

Question

Я использую Bootstrap DatePicker control в своем приложении. Я пытаюсь выяснить, как очистить значение поля. Я чувствую, что это глупо спрашивает об этом. Честно говоря, похоже, что это должно быть просто. Но я не увенчался успехом. Я пробовал подходы рекомендовать в этом SO post без везения.

В настоящее время у меня есть this JSFiddle. Мой код выглядит следующим образом:

$(function() { 
    $('#birthday').datetimepicker({ showTodayButton: true }); 
    $('#getDateButton').on('click', function() { 
    var selectedDate = $('#birthday').data('date'); 
    if (selectedDate) { 
     selectedDate = selectedDate.format('MM-DD-YYYY'); 
    } 
    $('#formattedDate').html(selectedDate); 
    }); 

    $('#clearButton').on('click', function() { 
    alert('Clear the value in the "birthday" field...'); 
    $('#birthday').data('clear'); 
    // what now? 
    }); 
}); 

Это похоже на то, что функции в управлении не работают. Или документация неверна. Как показывает скрипка, моя функция «Получить дату» также не работает. Вот почему я чувствую, что что-то действительно не так. Я что-то пропускаю или что-то недопонимаю?

Answer 1

Если #birthday содержит DatePicker, сделать это, и он будет работать:

$('#clearButton').on('click', function() { 
    alert('Clear the value in the "birthday" field...'); 
    $('#birthday').data("DateTimePicker").clear(); 
    }); 

Вы должны вызвать clear на $('#birthday').data("DateTimePicker") объекта. Отображаются вызовы функций here.

Чтобы получить дату, сделайте следующее:

$('#getDateButton').on('click', function() { 
    var selectedDate = $('#birthday').data('DateTimePicker').date(); 

    if (selectedDate) { 
     selectedDate = selectedDate.format('MM-DD-YYYY'); 
     console.log("selected date "+ selectedDate); 
    } 
    $('#formattedDate').html(selectedDate); 
    }); 

Answer 2

Кажется работать с этим code:

$('#clearButton').on('click', function() { 
    alert('Clear the value in the "birthday" field...'); 
    $('#birthdayDate').val(''); 
    // what now? 
}) 

Answer 3

это нормально $('#birthday').data("DateTimePicker").clear();

вы можете увидеть это http://eonasdan.github.io/bootstrap-datetimepicker/Functions/ http://eonasdan.github.io/bootstrap-datetimepicker/Functions/#clear

Примечание. Все функции доступны через атрибут данных, например. $ ('# DateTimePicker'). Данные ("DateTimePicker"). ФУНКЦИЯ()