daterangepicker-双日历
js脚本和css样式,到bootstrap官网去下载
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="Default/jquery-1.9.1.min.js"></script>
<script src="Default/bootstrap.js"></script>
<script src="Default/modealayer.js/layer/layer.min.js"></script>
<script src="Default/modealayer.js/layer/w-modal-3.0-min.js"></script>
<script src="Default/w_formList/w-list-min.js"></script>
<script src="Default/dateTime/dateTiemMain.js"></script>
<link href="Default/dateTime/daterangepicker-bs3.css" rel="stylesheet" />
<script src="Default/dateTime/moment.min.js"></script>
<script src="Default/dateTime/datepicker.min.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
</head>
<body>
<!--双日历-->
<div class="w-l-doudate">
<div class="col-lg-2 w-l-doudate-g">
<div class="input-group">
<span class="input-group-addon w-input-group-addon w-date-ioc w-l-fd">
<i class="fa fa-plus fa-calendar"></i>
</span>
<input type="text" class="form-control notext" id="SelectDate" placeholder="请选择时间" readonly="readonly" />
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
//双日历 实例
$('#SelectDate').daterangepicker({
startDate: moment().startOf('day'),
format: 'YYYY/MM/DD', timePicker: false, showDropdowns: true,
ranges: {
//'最近1小时': [moment().subtract('hours',1), moment()],
'今日': [moment().startOf('day'), moment()],
'昨日': [moment().subtract('days', 1).startOf('day'), moment().subtract('days', 1).endOf('day')],
'最近7日': [moment().subtract('days', 6), moment()],
'最近30日': [moment().subtract('days', 29), moment()]
},
opens: 'left',
}, function (start, end, label) {
});
})
function GetCheckboxVal() {
var cheval = Getccxvstate();
}
</script>
</body>
</html>
最新文章
- welcome to my cnblog
- wpf中button的无边框实现
- linux 常用命令大全
- Android启动过程以及各个镜像的关系
- int&; a = b 的思考
- spring core源码解读之ASM4用户手册翻译之一asm简介
- 上传图片带预览功能兼容IE和火狐等主流浏览器
- HDU 4612 Warm up(手动扩栈,求树上哪两个点的距离最远)
- Codeforces Round #248 (Div. 1)——Ryouko&;#39;s Memory Note
- 网页 JavaScript
- PHP获取指定页面的指定内容
- 用Eclipse Maven 创建 Web 3.0 项目问题 正确的处理步骤
- 网易内推(Android) 拿offer
- .NET Framework VS .NET Core
- 部署你的CRM程序
- Confluence 6 删除垃圾内容
- MongoDB的地理位置查询,以及和mysql的使用对比
- 腾讯云启动数据库进程,提示No such host is known
- Qt.网络开发-通过http的get方式获取数据
- Steeltoe之Circuit Breaker篇