读书人

jquery调用日历怎么使用this来定义日历

发布时间: 2013-07-16 22:38:05 作者: rapoo

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>

读书人网 >JavaScript

热点推荐