当方法“show”调用时,jQuery UI datepicker不会显示

时间:2014-01-24 12:13:11

标签: jquery jquery-ui datepicker jquery-ui-datepicker

我正在使用jQuery UI 1.10.3和jQuery 1.8.3。

每当我点击输入字段时,datepicker显示并且everthing工作正常。 但是每当我点击<a>元素时,日期选择器会显示一毫秒,然后才会出现javascript错误:

  

TypeError:我未定义

可能是什么问题?初始化的datepicker工作正常,但是当通过方法&#34; show&#34;它似乎死了。

HTML(本例简化):

<div id="datefield">
    <input type="text" readonly="true" />
    <a href="#">
        <i class="icon-calendar"></i>
    </a>
</div>

JavaScript(本例简化):

$("#datefield input").datepicker();

$("#datefield a").click(function (event) {
    event.preventDefault();
    $("#datefield input").datepicker('show');
});

更新2:为清楚起见,删除了datepicker调用中的options变量。这不是错误的原因

1 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/9HEDA/

$(document).ready(function(){
   $("#datefield input").datepicker();

   $("#datefield a").click(function () {
      $("#datefield input").datepicker("show");
   }); 
});

从你的第一行删除选项js代码为我工作。 您在哪里定义选项?