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

时间:2016-11-30 08:20:14

标签: javascript jquery datepicker

$('#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月)。我尝试过很多东西而且我厌倦了这个。有人可以帮帮我吗?

4 个答案:

答案 0 :(得分:2)

这是 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');
});

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

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

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

答案 1 :(得分:0)

根据确切的小部件,您使用它可能会有所不同,但使用defaultViewDate(或defaultDate)看起来它会满足您的需求(尽管最初的类型让我觉得它赢了& #39; t work ...):

  

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

答案 2 :(得分:0)

这可能会有所帮助..



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




答案 3 :(得分:0)

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

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