引入JS:
<script type="text/javascript" src="static/my/js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="static/my/js/bootstrap-datepicker-cn.js"></script>
加载页面时初始化日期控件:
$('#startDate').datepicker({ format : 'yyyy-mm-dd', autoclose : true }).on("changeDate", function(ev) { $("#endDate").datepicker("setStartDate", ev.date ? ev.date : ""); }); $('#endDate').datepicker({ format : 'yyyy-mm-dd', autoclose : true }).on("changeDate", function(ev) { $("#startDate").datepicker("setEndDate", ev.date ? ev.date : ""); });
初始化日期控件:
<script type="text/javascript"> ace.load_ajax_scripts([], function() {}); seajs.use("${my}/js/mobileReportMng/main/main", function(main) { $("#begin-time").datepicker({ minView : "month", //选择日期后,不会再跳转去选择时分秒 format : "yyyy-mm-dd", //选择日期后,文本框显示的日期格式 language : 'zh-CN', //汉化 autoclose : true//选择日期后自动关闭 }); $("#end-time").datepicker({ minView : "month", //选择日期后,不会再跳转去选择时分秒 format : "yyyy-mm-dd", //选择日期后,文本框显示的日期格式 language : 'zh-CN', //汉化 autoclose : true//选择日期后自动关闭 }); main.init(); }); </script>
--------------------迷人的分割线--------------------
作者:架构师小跟班
开发者导航: http://www.codernav.com
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
如果文中有什么错误,欢迎指出,以免更多的人被误导。
作者:架构师小跟班
开发者导航: http://www.codernav.com
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
如果文中有什么错误,欢迎指出,以免更多的人被误导。