Question

我正在使用带有jquery 1.7.2和jqueryui 1.8.20的内联Datepicker。我遇到的问题是，在我更改datepicker中的月份之前，以下内容不起作用，然后才能正常工作。任何帮助将不胜感激。

$( "#datepicker" ).datepicker({ 
       dateFormat: 'D, dd M yy',
       minDate:0,
       onSelect: function(dateText, inst){ 
            //$('.field_pickDate').html(dateText);
            alert('boo');
            //console.log(dateText);
        } 
    });

dateFormat和minDate都在工作，但onSelect事件并未从一开始就触发。

Answer 1

这是该事件的默认功能。

当用户“选择”日期选择器中的内容时，它被触发。

要在点击时调用事件（在显示日期选择器之前），您可以使用“beforeShow”。

$( "#datepicker" ).datepicker({ 
       dateFormat: 'D, dd M yy',
       minDate:0,
       beforeShow: function(input, inst) {
             alert("Fired on click, before the picker is shown");
       },
       onSelect: function(dateText, inst){ 
            //$('.field_pickDate').html(dateText);
            alert('boo');
            //console.log(dateText);
        } 
    });

这是一个使用代码的JSFiddle示例。

http://jsfiddle.net/applehat/jukJa/1/

您可以随时在文本框中添加其他事件，例如$('#datepicker').select(function(){ /* do something */ }); 同样，如果你想检测它们选择字段。

=================编辑===============

由于您将其用作内联元素，我不确定您的问题是什么。我在这里更新了我的JSFiddle：http://jsfiddle.net/applehat/jukJa/2/

这里的一切都按预期工作，所以也许你有其他代码导致问题？

jQueryUI内联DatePicker直到我更改月份后才能工作

1 个答案: