Bootstrap datepicker应该总是显示当前月份页面

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

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

当我点击datepicker时，需要显示当前月份（即11月份）。我尝试了很多东西，我厌倦了这一点。谁能帮帮我吗？

来源

2016-11-30 Owner

尝试'的minDate：Date.now（）'我99％肯定这是行不通的，但给它一个试试 – Dherya

你可以分享插件文档网站吗？另外，我认为你可以实现任何你想要直接尝试的方式。 –

'当我第二次点击'并不意味着仍然选择日期，是吗？当然，当您首次选择一个值后打开日期选择器时会显示选定的日期。你可以尝试调用setDate（http://api.jqueryui.com/datepicker/#method-setDate） –

根据您使用的确切小部件，这可能会有所不同，但使用defaultViewDate（或defaultDate）看起来像它会适合您的需求（尽管最初种让我觉得它不会工作... ）：

最初打开日历时的查看日期。日期的内部值仍保留为默认值，但当日期选择器第一次打开时，日历将打开到defaultViewDate而不是今天。如果不使用此选项，“今天”保持默认视图日期

来源

2016-11-30 08:38:16

我已经尝试了defaultViewDate和defaultDate。它不工作:-( – Owner

这可能帮助..

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

来源

2016-11-30 09:42:18 Maharshi

你问题不对。 –

你想只设置当前月的重点。那是你需要的吗？ – Maharshi

不要选择日期？对吗？ – Maharshi

这里是一个Working Fiddle

由于我告诉我根据我的知识没有直接的方法，而且我也完成了完整的插件d ocumentation。

这是一个解决你的问题的方法。

进行这些更改现有的脚本

$('#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 
}

来源

2016-11-30 09:57:03

好，你最终还是会砍死它:) – Dherya

@Dherya谢谢... hack听起来很多比解决问题更好：p –

需要使用下面的概念与选定的日期打开日期选择器

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

来源

2017-07-27 09:01:10 santoshK

Bootstrap datepicker应该总是显示当前月份页面

回答

相关问题