如何停止關閉日期選擇器模糊？

Question

問題

我正在使用pickadate.js並且我希望我的日期選擇器日歷在日歷外單擊時保持打開狀態。 提前致謝。

我試過的

首先，我嘗試過picker.set('select', new Date()); ，但它也會關閉日期選擇器，因為如果選擇了日期，那么它不會在單擊模態標題時關閉日期選擇器，但是如果我們沒有初始化日期選擇器，那么它會在單擊時關閉日期選擇器模態的標題。

Answer 1

每次打開選擇器時，都會將關閉它的事件處理程序綁定到具有特定命名空間的$document.on( 'click.' + STATE.id)代碼中$document.on( 'click.' + STATE.id) ）。 然后代碼觸發“打開”事件。
通過在這個 'open' 事件上綁定一個事件處理程序，我們可以立即解除關閉選擇器的文檔事件（具有特定的 id）。

 var input = $('.datepicker').pickadate(), picker = input.pickadate('picker'); picker.on('open', function() { $(document).off('.' + picker.get('id')) });

 .picker__holder { width: 350px !important; }

 <link href="https://amsul.ca/pickadate.js/vendor/pickadate/lib/themes/default.css" rel="stylesheet" /> <link href="https://amsul.ca/pickadate.js/vendor/pickadate/lib/themes/default.date.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://amsul.ca/pickadate.js/vendor/pickadate/lib/picker.js"></script> <script src="https://amsul.ca/pickadate.js/vendor/pickadate/lib/picker.date.js"></script> <input id="input_01" class="datepicker" name="date" type="text" autofocus value="14 August, 2014" data-value="2014-08-08">

實例化 1.0.0

 //added autoClose:true to close the modal when a date is picked var input = $('.datepicker').datepicker({autoClose: true}); //and changed the dismissible property of the datepicker modal input[0].M_Datepicker.modal.options.dismissible = false;

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" rel="stylesheet" /> <input id="input_01" class="datepicker" name="date" type="text" autofocus value="14 August, 2014" data-value="2014-08-08">