javascript - 在 bootstrap-datepicker 中将日期设置为最初为空

Question

我正在使用 bootstrap-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 不会在点击文本输入 el 时弹出

$(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();
    });

});

Answer 1

有一种更简单的方法可以做到这一点!设置一个值

$('#listing_filter_available').datepicker();
$('#listing_filter_available').datepicker('setValue', nextMonth);

设置一个空白值

$('#listing_filter_available').datepicker();
$('#listing_filter_available').val('');