我在我的网站中使用bootstrap-datepicker。日期选择器将用于定义搜索过滤器。我需要 datepicker 输入元素的初始值为空,所以它不会为搜索结果引入日期过滤器。当用户单击链接到 Datepicker 的文本输入时,Datepicker 弹出框应选择下个月的第一天。
问题:如果我要设置一个初始日期(如下所示),文本输入将填充今天的日期,这不是我想要的。但是,如果我没有设置初始日期,日期选择器将显示 1970 年代。我应该怎么办?
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" />
尝试失败
单击文本输入 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();
});
});