码迷,mamicode.com
首页 > 其他好文 > 详细

日期控件datepicker的使用

时间:2018-08-01 23:58:24      阅读:326      评论:0      收藏:0      [点我收藏+]

标签:seajs   fun   mon   func   span   日期控件   set   ext   view   

引入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的使用

标签:seajs   fun   mon   func   span   日期控件   set   ext   view   

原文地址:https://www.cnblogs.com/xyhero/p/9404436.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!