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

最新推荐文章于 2020-11-19 19:32:29 发布

garcon1986

最新推荐文章于 2020-11-19 19:32:29 发布

阅读量2.3k

点赞数

分类专栏： jQuery 文章标签： jquery date class button function input

本文链接：https://blog.csdn.net/garcon1986/article/details/5937345

版权

jQuery 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

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

garcon1986

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何让jquery datepicker 在同一页面使用多次

原理：script: $(function(){ $('#my_date1').datepicker(); $('#my_date2').datepicker(); $('#my_date3').datepicker(); ... });html:我的代码：
复制链接

扫一扫

专栏目录