jQuery Datepicker - 選擇一個日期後保持打開並關閉按鈕「完成」

我誠摯地希望你能幫助我，因爲我花了很長時間在網上搜索適當的解決方案，找不到任何。jQuery Datepicker - 選擇一個日期後保持打開並關閉按鈕「完成」

我遇到的問題是，我有一個jQuery日期選擇器，我希望在選擇日期後保持打開狀態，然後單擊其下方的「完成」按鈕時關閉它。我發現最接近的是來自2012年的StackOverflow answer，但不幸的是它隱藏了來自showButtonPanel: true選項的按鈕。

所以這是我的最新快照「嘗試」再次它不起作用：

$(function() { 
    $(".datepicker").datepicker({ 
    showButtonPanel: true, 
    onSelect: function(){ 
     $(this).val(); 
    } 
    }); 
});

日曆會從觸發：

<input class="datepicker" type="text" path="startDate" data-date-format="mm/dd/yyyy" />

僅供參考 - 即時通訊使用jQuery 1.7。 2.min.js（遺憾的是，出於安全和安全原因，我無法更新），jQuery-ui 1.10.3以及Bootstrap（3.0.3版本，儘管我不確定這是否有幫助）。謝謝

來源

2015-09-25 fabric1601

這裏是工作提琴：http://jsfiddle.net/9uc7dwoa/

這是做在ONSELECT的伎倆：

if (inst.inline) 
     this._updateDatepicker(inst); 
else { 
     this._hideDatepicker(null, this._get(inst, 'duration')); 
     this._lastInput = inst.input[0]; 
     if (typeof(inst.input[0]) != 'object') 
     inst.input[0].focus(); // restore focus 
     this._lastInput = null; 
}

這裏與使用的代碼答案的參考： jQuery Datepicker: Prevent closing picker when clicking a date

來源

2015-09-25 13:38:54 ggzone

感謝您花時間回答我的問題，@ggzone。我現在已經實施了，但有一個新問題。一旦我點擊某一天，它不會關閉日曆，並保留這些按鈕，但它會將我帶到頁面的頂部。我注意到URL最後添加了一個散列標籤（例如：在點擊日期之前 - www.example.com/test;點擊一天之後 - www.example.com/test#）。所以它仍然不是完全有效的解決方案。另外，我在你的小提琴中看到你正在使用jquery 1.9.1，正如我在原始文章中提到的那樣，我必須使它適用於1.7.2 – fabric1601

jQuery Datepicker - 選擇一個日期後保持打開並關閉按鈕「完成」

回答

相關問題