Chức năng kích hoạt khi ngày được chọn với thanh công cụ jQuery UI

Question

Làm cách nào tôi có thể kích hoạt sự kiện onSelect khi tôi chọn ngày đã chọn trên trình chỉnh sửa ngày của giao diện người dùng jQuery? bản demo

Answer 1

Làm việc: http://jsfiddle.net/YbLnj/

Tài liệu: http://jqueryui.com/demos/datepicker/

đang

$("#dt").datepicker({ 
    onSelect: function(dateText, inst) { 
     var date = $(this).val(); 
     var time = $('#time').val(); 
     alert('on select triggered'); 
     $("#start").val(date + time.toString(' HH:mm').toString()); 

    } 
}); 

Answer 2

Nếu datepicker là liên tiếp của một mạng lưới, hãy thử một cái gì đó giống như

editoptions : { 
    dataInit : function (e) { 
     $(e).datepicker({ 
      onSelect : function (ev) { 
       // here your code 
      } 
     }); 
    } 
} 

Answer 3

Sử dụng đoạn mã sau:

$(document).ready(function() { 
    $('.date-pick').datepicker({ 
    onSelect: function(date) { 
     alert(date) 
    }, 
    selectWeek: true, 
    inline: true, 
    startDate: '01/01/2000', 
    firstDay: 1, 
    }); 
}); 

Bạn có thể điều chỉnh các thông số cho mình :-)

Answer 4

Nếu bạn cũng quan tâm đến trường hợp người dùng đóng hộp thoại chọn ngày mà không chọn một ngày (trong tôi trường hợp lựa chọn không có ngày cũng có ý nghĩa), bạn có thể liên kết với các sự kiện onClose:

$('#datePickerElement').datepicker({ 
     onClose: function (dateText, inst) { 
      //you will get here once the user is done "choosing" - in the dateText you will have 
      //the new date or "" if no date has been selected    
     }); 

Answer 5

$(".datepicker").datepicker().on("changeDate", function(e) { 
    console.log("Date changed: ", e.date); 
});