日期:2014-05-16  浏览次数:20341 次

jquery调用日历如何使用this来定义日历要显示到哪里啊?
以下代码是调用日历的例子,日历在页面加载的时候就已经初始化了,当点击id="datepicker"的输入框的时候日历就会显示在其中,但这样的话是在input比较少和固定的情况下,由于页面可能有N个动态生成的input,这样就得初始化日历$( "#datepicker,#其他input id...." ).datepicker();这样的话javascript也要动态生成了,很麻烦,能不能通过 <input ... onClick='javascript:pickDate(this);'> 这样的javascript方式来调用啊? 

  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
<body> 
<p>Date: <input type="text" id="datepicker" /></p> 
</body>



------解决方案--------------------
综上函数改为:
    <script type="text/javascript">
        function pickDate(obj){
            if(!$(obj).data("date")){
                $(obj).datepicker();
                $(obj).data("date",true);
            }
            $(obj).datepicker("show");
        }
    </script>