Kích hoạt sự kiện bật lên ngày tháng theo cách thủ công

Question

Bất kỳ ai có thể cho tôi biết làm cách nào để bạn kích hoạt sự kiện onselect của datepicker? Mã của tôi đang hoạt động tốt (kéo một số dữ liệu từ một cơ sở dữ liệu dựa trên giá trị của ngày mai) nhưng khi trang tải nó không kích hoạt sự kiện onselect vào ngày hiện tại và nó không hiển thị bất cứ điều gì; vì vậy tôi muốn làm điều đó một cách thủ công.

<script> 
    $("#datepicker").datepicker 
    (
    { 
      altField: '#sheet', 
      onSelect: function load() { 
      $(document).ready(function() { 
        $.ajax({ 
        type: 'POST', 
        url: 'test.php', 
        data: {sheetid: $('#sheet').val()}, 
        success: function(data) 
        { 
         $("#content").html(data); 
        } 
       }); 

     }); 
     }, 
      firstDay: 1}); 
    </script> 

Answer 1

Bạn có thể kích hoạt click trên datepicker ngay sau khi đặt ngày.

Code:

$(document).ready(function() { 
    $("#datepicker").datepicker({ 
     altField: '#sheet', 
     onSelect: function(date) { 
      alert(date); 
     }, 
     firstDay: 1 
    }); 

    $('#datepicker').datepicker("setDate", new Date(2013,09,22)); 
    $('.ui-datepicker-current-day').click(); // rapresent the current selected day 

}); 

Demo: http://jsfiddle.net/IrvinDominin/DynuW/

Answer 2

tôi mất này từ mã nguồn của tập tin datepicker.js. Lưu ý rằng this nên được thay thế bằng phần tử đầu vào của bạn (không phải đối tượng jquery, phần tử dom thực tế). Trong trường hợp của tôi, tôi đã gọi điều này từ một sự kiện keydown.

// this is SUCH a hack. We need to call onselect to call any 
// specific validation on this input. I stole this from the datepicker source code. 
var inst = $.datepicker._getInst(this), 
onSelect = $.datepicker._get(inst, "onSelect"); 
if (onSelect) { 
    dateStr = $.datepicker._formatDate(inst); 
    onSelect.apply((inst.input ? inst.input[0] : null), [dateStr, inst]); 
} 

Answer 3

giải pháp tốt nhất

var inst = $.datepicker._getInst($("#date")[0]); 
$.datepicker._get(inst, 'onSelect').apply(inst.input[0], [$("#date").datepicker('getDate'), inst]);