码迷,mamicode.com
首页 > Web开发 > 详细

jquery.datepair日期时分秒选择器

时间:2016-11-02 09:48:08      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:实例   get   type   插件   str   arp   example   sharp   sha   

jquery.datepair是一个轻量级的jQuery插件,智能选择日期和时间范围,灵感来自于谷歌日历。Datepair将保持开始和结束日期/时间同步,并可以根据用户的操作设置默认值。该插件不提供任何UI小部件; 它预先配置工作的jquery-timepicker和引导DatePicker的,但你可以使用它与任何日期选择器或timepicker。

实例代码

<p id="basicExample">  
    <input type="text" class="date start" />  
    <input type="text" class="time start" /> to  
    <input type="text" class="time end" />  
    <input type="text" class="date end" />  
</p>  
  
<script type="text/javascript" src="bootstrap-datepicker.js"></script>  
<script type="text/javascript" src="jquery.timepicker.js"></script>  
<script type="text/javascript" src="jquery.datepair.js"></script>  
<script>  
    // initialize input widgets first  
    $(‘#basicExample .time‘).timepicker({  
        ‘showDuration‘: true,  
        ‘timeFormat‘: ‘g:ia‘  
    });  
  
    $(‘#basicExample .date‘).datepicker({  
        ‘format‘: ‘m/d/yyyy‘,  
        ‘autoclose‘: true  
    });  
  
    // initialize datepair  
    $(‘#basicExample‘).datepair();  
</script>  

  

 效果预览

jquery.datepair日期时分秒选择器

标签:实例   get   type   插件   str   arp   example   sharp   sha   

原文地址:http://www.cnblogs.com/niuboren/p/6021685.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!