如何让jquery datepicker 在同一页面使用多次

 我来答

1个回答

#热议# 空调使用不当可能引发哪些疾病？

就烦条0o
2016-08-04 · 知道合伙人软件行家

就烦条0o
知道合伙人软件行家

采纳数：33315 获赞数：46487

从事多年系统运维，喜欢编写各种小程序和脚本。

向TA提问私信TA

关注

展开全部

/*****************by garcon1986****************/

原理：

script:

<script type="text/javascript">
    $(function() {
        $('#my_date1').datepicker();
        $('#my_date2').datepicker();
        $('#my_date3').datepicker();
        ...
    });
</script>

html:

<input type="text" class="datepick" id="my_date1" />
<input type="text" class="datepick" id="my_date2" />
<input type="text" class="datepick" id="my_date3" />

代码：
<head>
<script type="text/javascript">

$(function() {
 $("#datepicker1").datepicker({showOn: 'button', buttonImage: 'calendar.gif', buttonImageOnly: true});
 $("#datepicker2").datepicker({showOn: 'button', buttonImage: 'calendar.gif', buttonImageOnly: true});
 $("#datepicker3").datepicker({showOn: 'button', buttonImage: 'calendar.gif', buttonImageOnly: true});
}); 
</script>
</head>

<body>
<label>Date: </label><input type="text" name="date1" class="datepicker" id="datepicker1"><br><br>
<label>Date:  </label><input type="text" name="date2" class="datepicker" id="datepicker2"><br><br>
<label>Date: </label><input type="text" name="date3" 
class="datepicker" id="datepicker3" /><br><br>
</body>


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

如何让jquery datepicker 在同一页面使用多次

其他类似问题

为你推荐：