Question

$('#datetimepicker1').datepicker({
    autoclose: true,
    todayHighlight: true,
}).on('changeDate', function(ev){
    $('#datetimepicker1').val("");
    $('#sDate1').text($('#datetimepicker1').data('date'));
    $('#datetimepicker1').datepicker('hide');
});

我正在使用上面的代码。如果我点击datepicker，它会显示当前月份（nov），如果我们选择下个月（dec）的日期，当我第二次点击它时会显示下个月的页面。

要求是每当我点击datepicker时，它应该显示当前月份（即现在的11月）。我尝试过很多东西而且我厌倦了这个。有人可以帮帮我吗？

Answer 1

这是 Working Fiddle

正如我所说，根据我的知识，没有直接的方法，我也完成了完整的插件文档。

这是一项解决方案，可以满足您的需求。

对现有脚本进行这些更改

$('#datetimepicker1').datepicker({
  autoclose: true,
  todayHighlight: true,
  todayBtn: true,   // add this option.
});

todayBtn 用于呈现日历底部的按钮，点击该按钮即可转到当前的日期视图。

因此，让我们利用这个功能。让我们打开日历时，添加此按钮并触发它以编程方式单击。为此，请添加此代码。

$('#datetimepicker1').on('click',function(){
 $(this).siblings('.datepicker').find('.datepicker-days tfoot .today').trigger('click');
});

这将确保每次打开日历时都会显示当前日期视图。

现在这将给我们留下名为＆＃34;今天＆＃34;的日历上的按钮。如果您不想使用此按钮，只需使用css隐藏它。

.datepicker-days tfoot .today {
  display: none !important; // !important required to override the plugin inline style
}

Answer 2

根据确切的小部件，您使用它可能会有所不同，但使用defaultViewDate（或defaultDate）看起来它会满足您的需求（尽管最初的类型让我觉得它赢了＆＃39; t work ...）：

最初打开日历时要查看的日期。日期的内部值今天仍然是默认值，但是当首次打开日期选择器时，日历将打开到defaultViewDate而不是今天。如果未使用此选项，“今天”仍为默认查看日期

Answer 3

这可能会有所帮助..

＆＃13;

$('#sandbox-container input').on('click', function(e){
 var setDate = new Date();
 $(this).datepicker('setDate', setDate);
})

＆＃13;

Answer 4

需要使用以下概念来打开具有所选日期的日期选择器

var selectedDate = new Date();
$('#txtWQApprovalDate').datepicker('setDate',selectedDate).datepicker('fill');

Bootstrap datepicker应始终显示当前月份页面

4 个答案: