日期控件datepicker的使用

引入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>