jquery.datepair日期時分秒選擇器

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>  

　　

 效果預覽