Я использую bootstrap-datepicker на своем сайте. Datepicker будет использоваться для определения поисковых фильтров. Мне нужно, чтобы начальное значение элемента ввода datepicker было пустым, чтобы оно не вводило фильтр даты для результатов поиска. Когда пользователь нажимает на ввод текста, связанный с Datepicker, всплывающее окно Datepicker должно выбрать первый день следующего месяца.
Проблема: Если бы мне нужно было установить начальную дату (как показано ниже), текстовый ввод будет заполнен сегодняшней датой, а не тем, что я хочу. Однако, если я не установлю начальную дату, средство выбора даты покажет 1970-е годы. Что мне делать?
Аналогично: демоверсия для jQueryUI Datepicker
Код JS
var now = new Date();
var nextMonth = new Date();
nextMonth.setDate(1);
nextMonth.setMonth(now.getMonth() + 1);
var prettyDate = nextMonth.getMonth() + '/' + nextMonth.getDate() + '/' + nextMonth.getFullYear();
$('#listing_filter_available').val(prettyDate);
$('#listing_filter_available').datepicker();
HTML-код
<input type="text" id="listing_filter_available" class="input-small" placeholder="Date Available" />
Неудачная попытка
Datepicker не выскакивает при нажатии на ввод текста
$(function() {
var now = new Date();
var nextMonth = new Date();
nextMonth.setDate(1);
nextMonth.setMonth(now.getMonth() + 1);
var prettyDate = nextMonth.getMonth() + '/' + nextMonth.getDate() + '/' + nextMonth.getFullYear();
$('#listing_filter_available').val(''); // clear the date filter
$('#listing_filter_available').click( function() {
$('#listing_filter_available').val(prettyDate);
$('#listing_filter_available').datepicker();
});
});