1. 程式人生 > >日期控件datepicker的使用

日期控件datepicker的使用

table function clas 控件 ets sets ava 關閉 ajax

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

日期控件datepicker的使用