[英]Trigger JQuery UI Datepicker from Function and store date into a var
[英]Trigger function when date is selected with jQuery UI datepicker
在jQuery UI datepicker上選擇選定日期時,如何觸發onSelect事件?
工作演示 : http : //jsfiddle.net/YbLnj/
文檔: http : //jqueryui.com/demos/datepicker/
碼
$("#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());
}
});
使用以下代碼:
$(document).ready(function() {
$('.date-pick').datepicker( {
onSelect: function(date) {
alert(date)
},
selectWeek: true,
inline: true,
startDate: '01/01/2000',
firstDay: 1,
});
});
您可以自己調整參數:-)
如果您還對用戶關閉日期選擇對話框而不選擇日期的情況感興趣(在我的情況下,選擇不顯示日期也具有意義),則可以綁定到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
});
$(".datepicker").datepicker().on("changeDate", function(e) {
console.log("Date changed: ", e.date);
});
如果日期選擇器在網格的一行中,請嘗試類似
editoptions : {
dataInit : function (e) {
$(e).datepicker({
onSelect : function (ev) {
// here your code
}
});
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.