时间插件bootstrap-datepicker
来源:互联网 发布:女子支付网络审讯 编辑:程序博客网 时间:2024/05/07 04:40
<link href="<%=path%>/resources/css/bootstrap.min.css" rel="stylesheet"/>
<link href="<%=path%>/resources/css/bootstrap-datepicker.min.css" rel="stylesheet" />
<script type="text/javascript" src="<%=path%>/resources/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/bootstrap.min.js"></script>
<script src="<%=basePath%>resources/js/bootstrap-datepicker.js"></script>
<div class="col-md-3 form-group">
<label for="exampleInputName4">入库日期:</label><input type='text' name="optime" class="form-control dateTime" id="starpoptime" placeholder="请选择日期"/>
</div>
<div class="col-md-3 form-group">
<label for="exampleInputName5">到:</label>
<input type="text" class="form-control dateTime" name="optime2" id="endtime" placeholder="请选择日期">
</div>
//时间格式 带控制
$("#starpoptime").datepicker({
format: 'yyyy-mm-dd',
weekStart: 1,
autoclose: true,
todayBtn: true,
language: 'zh-CN',
endDate : new Date()
}).on("changeDate",function(e){
var startTime = e.date;
$('#endtime').datepicker("setStartDate",startTime);
});
$("#endtime").datepicker({
format: 'yyyy-mm-dd',
weekStart: 1,
autoclose: true,
todayBtn: true,
language: 'zh-CN',
endDate : new Date()
}).on("changeDate",function(e){
var endTime = e.date;
$('#starpoptime').datepicker("setEndDate",endTime);
});
//解释
format 时间格式
weekstart: 一周是从星期1 开始
autoclose : 选择了就关闭时间框
todaybtn : 今天的按钮
language: 显示语言
enddate : 最大时间
changedate: 改变时间时
setstartdate 给他开始时间
setenddate 给他结束时间
//解释 改变时间 会给开始时间最大值
format
.on("changeDate",function(e){
var endTime = e.date;
$('#starpoptime').datepicker("setEndDate",endTime);
});
- 时间插件bootstrap-datepicker
- Bootstrap中datepicker时间插件出现问题
- bootstrap-datepicker插件汉化
- bootstrap-datepicker插件使用
- bootstrap datepicker日期插件汉化
- jquery datepicker时间插件
- Datepicker-for-Bootstrap 日期选择插件
- bootstrap-datepicker 插件修改为默认中文
- bootstrap-datepicker 插件修改为默认中文
- bootstrap-datepicker 插件修改为默认中文
- bootstrap-datepicker限定可选时间范围
- bootstrap-datepicker限定可选时间范围
- bootstrap日期时间选择器datepicker的使用
- 使用bootstrap时间插件
- bootstrap时间插件daterangepicker
- Bootstrap datetimepicker 时间插件
- bootstrap时间插件
- bootstrap-datepicker
- 51nod 1670 打怪兽 【递推】
- 关于hql语句只返回指定字段的一种写法
- 利用原生js实现轮播图效果
- What Is the Redo Log?什么是重做日志?
- java反射用法简述
- 时间插件bootstrap-datepicker
- 二叉树的非递归的三种遍历
- 微信小程序点击高亮显示
- Octave常用语句指令
- Bootstrap栅格系统(布局)
- Hadoop 2.7.2 存档(Archive) har文件
- 吐司工具类
- django 链接Mysql的错误
- C++之invalid initialization of non-const reference of type ‘int&’ from an rvalue of type ‘int’