Bootstrap-datepicker 用法
2016-01-26 15:42
591 查看
<div class="input-group input-daterange"> <input type="text" id="sDate" name="sDate" readonly class="form-control" placeholder="开始日期"> <span class="input-group-addon">至</span> <input type="text" id="eDate" name="eDate" readonly class="form-control" placeholder="结束日期"> </div>
$("#sDate, #eDate").datepicker({ format: 'yyyy-mm-dd', weekStart: 1, autoclose: true, language: 'zh-CN', clearBtn: true }).on("changeDate", function (ev) { //设置关联日期的开始日期和结束日期 var $t = $(this); if ($t.attr("name") == "sDate") { $eDate.datepicker("setStartDate", $t.val()); } else { $sDate.datepicker("setEndDate", $t.val()); } });
相关文章推荐
- Bootstrap-table custome-ajax用法
- Bootstrap学习
- JS组件Bootstrap Select2使用方法详解
- Ubuntu 下的flask+bootstrap 环境搭建
- JS组件中bootstrap multiselect两大组件较量
- JS组件Form表单验证神器BootstrapValidator
- JS组件Bootstrap Select2使用方法详解
- Bootstrap 表格
- Bootstrap 表单
- Bootstrap 按钮
- Bootstrap 图像
- Bootstrap 帮助器类
- Bootstrap 响应式实用工具
- Bootstrap 字形图标(Glyphicons)
- Bootstrap 下拉菜单(Dropdowns)
- Bootstrap 按钮组
- Bootstrap 按钮下拉菜单
- Bootstrap V4 自学之路 文档目录
- bootstrap
- Bootstrap树形组件jqTree的简单封装