bootstrap-daterangepicker基于Bootstrap 框架的日期范围选择插件

bootstrap-daterangepicker基于Bootstrap 框架的日期范围选择插件
 点击预览  点击下载

这个日期范围选择器组件引导创建一个下拉菜单,用户可以选择一个日期范围。

如果没有选择调用时,它将呈现出两个日历从选择开始日期和结束日期。或者,你可以提供一系列的日期范围,用户可以从相反的选择从日历上的日期选择。如果连接到一个文本输入,选择的日期将插入文本框。否则,你可以接受的选择提供一个自定义回调函数。

构件也可以被用来作为通过设置singledatepicker选择单个日期选择器

基本用法:

  1. <script type="text/javascript" src="jquery.js"></script> 
  2. <script type="text/javascript" src="moment.js"></script> 
  3. <script type="text/javascript" src="daterangepicker.js"></script> 
  4. <link rel="stylesheet" type="text/css" href="bootstrap.css" /> 
  5. <link rel="stylesheet" type="text/css" href="daterangepicker-bs3.css" /> 
  6. <script type="text/javascript"> 
  7. $(document).ready(function() { 
  8.   $('input[name="daterange"]').daterangepicker(); 
  9. }); 
  10. </script> 

转载请注明:代码家园 » bootstrap-daterangepicker基于Bootstrap 框架的日期范围选择插件

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)