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應該總是顯示當前月份頁面

回答

相關問題