日期选择插件Date Range Picker

Date Range Picker

jQuery Date Range Picker 是一个基于 jQuery 的日期选择插件，使用起来也算方便，主要提 日期范围、单个日期 (时间、周、快捷键、每周其实时间 等更详细的使用方法不在本文介绍 点此查看详细介绍) 选择功能

使用起来 也不算复杂

使用前 引入 插件所依赖的 JS jquery.min.jsmoment.min.js 以及插件 CSS、JS

<link rel="stylesheet" href="jquery.daterangepicker.css" />
<script src="jquery.min.js"></script>
<script src="moment.min.js"></script>
<script src="jquery.daterangepicker.js"></script>

简单粗暴的使用例子

$('#dom-id').dateRangePicker(ConfigObject);

具体效果如图：

默认双月日期范围选择 样式

单个日期选择配置

$('#dom-id').dateRangePicker({
 autoClose: true,      // 自动关闭
 singleDate : true,    // 单日期选择模式
 singleMonth: true,    // 开启单月显示
 showShortcuts: false, // 隐藏底部信息
 showTopbar: false     // 隐藏顶部信息
}); 

效果如图：