首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery调用日历怎么使用this来定义日历要显示到哪里啊

2013-07-16 
jquery调用日历如何使用this来定义日历要显示到哪里啊?以下代码是调用日历的例子,日历在页面加载的时候就

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>

热点排行