/*****************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>