calendar控件使用 extjs_Calendar 日历控件使用

在HTML 的body 标签下

1

2 -3

4

5

6 Calendar.setup({7 inputField :"J_time_start",8 ifFormat :"%Y-%m-%d",9 showsTime :false,10 timeFormat :"24"

11 });12 Calendar.setup({13 inputField :"J_time_end",14 ifFormat :"%Y-%m-%d",15 showsTime :false,16 timeFormat :"24"

17 });18 $('.J_preview').preview();//查看大图

19 $('.J_cate_select').cate_select({top_option:lang.all});//分类联动

20 $('.J_tooltip[title]').tooltip({offset:[10,2], effect:'slide'}).dynamic({bottom:{direction:'down', bounce:true}});21

运行一下吧

Insert title here

-

inputField :"J_time_start",

ifFormat :"%Y-%m-%d",

showsTime :false,

timeFormat :"24"});

Calendar.setup({

inputField :"J_time_end",

ifFormat :"%Y-%m-%d",

showsTime :false,

timeFormat :"24"});

$('.J_preview').preview();//查看大图

$('.J_cate_select').cate_select({top_option:lang.all});//分类联动

$('.J_tooltip[title]').tooltip({offset:[10,2], effect:'slide'}).dynamic({bottom:{direction:'down', bounce:true}});

效果图如下：

如果想要在input 标签右侧出现小图标：看下面

Insert title here

input.date,input.endDate{background: #fff url(__STATIC__/css/admin/bgimg/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}

-

Calendar.setup({

inputField : "J_time_start",

ifFormat : "%Y-%m-%d",

showsTime : false,

timeFormat : "24"

});

Calendar.setup({

inputField : "J_time_end",

ifFormat : "%Y-%m-%d",

showsTime : false,

timeFormat : "24"

});

$('.J_preview').preview(); //查看大图

$('.J_cate_select').cate_select({top_option:lang.all}); //分类联动

$('.J_tooltip[title]').tooltip({offset:[10, 2], effect:'slide'}).dynamic({bottom:{direction:'down', bounce:true}});