您的位置：首页 > Web前端 > JQuery

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

2010-10-13 04:13 501 查看
/*****************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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航