引入相应的date插件

<script type="text/javascript" src="../plugins/daterangepicker/moment.min.js"></script>    日期范围插件
<script type="text/javascript" src="../plugins/daterangepicker/jquery.daterangepicker.js"></script> 日期范围插件
<link rel="stylesheet" href="../plugins/daterangepicker/daterangepicker.css" type="text/css" />
<script type="text/javascript" src="<c:url value="/js/My97DatePicker/WdatePicker.js"/>"></script> 单日历插件

在html中引入 input作为日期选择 多个双日历

<input type="text" name="time1" id="DateSearch" class="rangeA" style="width: 180px; border: 1px solid #A9A9A9;" />

<input type="text" name="time2" id="DateSearch" class="rangeA" style="width: 180px; border: 1px solid #A9A9A9;" />

单日历 my97

<input name="date" type="text" onfocus="selectDate()" />

对应的js控制

//单日历控制
function selectDate() {
WdatePicker({ dateFmt: 'yyyy-MM-dd', isShowToday: false, isShowClear: false});
}
//双日历需分开单独初始化
var dateFormatjson = {
startOfWeek: 'monday',
separator : ' -- ',
format: 'YYYY-MM-DD',
autoClose: true,
language:'en',
time: {enabled: true}
};
$('#DateSearch').dateRangePicker(dateFormatjson);
$('#DateSearch').dateRangePicker(dateFormatjson);

  

http://www.daterangepicker.com/#options    双日历详细设置详见改地址

https://blog.csdn.net/u011109420/article/details/51330608   单日历参数设置,语言切换等;

最新文章

  1. ElasticSearch(站内搜索)
  2. mysq 性能分析利器
  3. category - junit用例分组执行
  4. HDU 4407
  5. Vue2.0的通用组件
  6. 安卓数据存储(2):SharedPreferences
  7. WPF的重要新概念
  8. Spring它不支持依赖注入static静态变量
  9. AJax的异步请求
  10. android调用系统相机进行视频录制并保存到指定目录
  11. ServiceStack.Text / Newtonsoft.Json 两种json序列化性能比较
  12. [设计模式]PHP设计模式之单例模式
  13. 关于javascript中的变量对象和活动对象
  14. bootstrap日期选择
  15. HOG算法资源备忘
  16. PYTHON深拷贝与浅拷贝
  17. 配置Django
  18. 经典的HTML5游戏及其源码分析
  19. 有人说,即使没有JavaScript,你也可以做网页。在纯HTML
  20. elk6快速安装

热门文章

  1. [dj]django常用设置
  2. 微信小程序echart 折线图legend不显示的问题
  3. js 对象的_proto_属性 和函数的prototype属性分析
  4. 20165321 实验三 敏捷开发与XP实践
  5. Linux基础(四)网络设置
  6. Python_summary
  7. undefined reference 问题各种情况分析
  8. EL的隐含对象(三)【访问环境信息的隐含对象】
  9. fiddler2抓包数据工具使用教程
  10. Unity shader学习之Alpha Test