ACE框架使用心得2—日期选择控件

最新推荐文章于 2023-03-16 08:19:12 发布

ZJJ_xionghaizi

最新推荐文章于 2023-03-16 08:19:12 发布

阅读量5.8k

点赞数 1

分类专栏：前台文章标签： ACE 框架时间插件

本文链接：https://blog.csdn.net/ZJJ_xionghaizi/article/details/53740969

版权

前台专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.年月日时间控件

（1）html页面

  <label>开始时间</label>
  <input class="date-picker" id="beginTime"  name="beginTime" type="text" data-date-format="yyyy-mm-dd"/>
  <label>结束时间</label>
  <input class="date-picker" id="endTime" name="endTime" type="text" data-date-format="yyyy-mm-dd"/

（2）JS

在jquery初始化函数中加入如下代码

   $('.input-daterange').datepicker({autoclose:true,format: 'yyyy-mm-dd'});
	$('.date-picker').datepicker({
		autoclose : true,
		todayHighlight : true
	})
	// show datepicker when clicking on the icon
		.next().on(ace.click_event, function() {
		$(this).prev().focus();
	});

2.到时分秒的时间控件

（1）html页面

   $('.input-daterange').datepicker({autoclose:true,format: 'yyyy-mm-dd'});
	$('.date-picker').datepicker({
		autoclose : true,
		todayHighlight : true
	})
	// show datepicker when clicking on the icon
		.next().on(ace.click_event, function() {
		$(this).prev().focus();
	});

（2）JS

   $('.input-daterange').datepicker({autoclose:true,format: 'yyyy-mm-dd'});
	$('.date-picker').datepicker({
		autoclose : true,
		todayHighlight : true
	})
	// show datepicker when clicking on the icon
		.next().on(ace.click_event, function() {
		$(this).prev().focus();
	});