jquery日期控件jedate的学习

1、关于jedate控件的相关属性色设置

1. skinCell:"jedateblue",//日期风格样式，默认蓝色
2. format:"YYYY-MM-DD hh:mm:ss",//日期格式
3. minDate:"1900-01-01 00:00:00",//最小日期
4. maxDate:"2099-12-31 23:59:59",//最大日期
5. language:{//多语言设置
6. name :"cn",
7. month :["01","02","03","04","05","06","07","08","09","10","11","12"],
8. weeks :[ "日","一","二","三","四","五","六" ],
9. times :["小时","分钟","秒数"],
10. clear :"清空",
11. today :"今天",
12. yes :"确定",
13. close :"关闭"
14. },
15. isdocScroll:true,//判断是否作用在document绑定Scroll滚动，弹层是否关闭
16. fixedCell:"",//日历固定在页面中的ID(ID是唯一性的)，字符中不能包含 # 与 . 这样的，默认值为空
17. trigger:"click",//是否为内部触发事件，默认为内部触发事件
18. position:[],//自定义日期弹层的偏移位置，长度为0，弹层自动查找位置
19. hmsSetVal:{},//设置默认时分秒 {hh:00,mm:00,ss:00}
20. startMin:"",//清除日期后返回到预设的最小日期
21. startMax:"",//清除日期后返回到预设的最大日期
22. isvalid:[],//有效日期与非有效日期 ["3,4,8,10",true]
23. isinitVal:false,//是否初始化时间，默认不初始化时间
24. initAddVal:{},//初始化时间，加减 天 时 分
25. isTime:true,//是否开启时间选择
26. hmsLimit:true,//时分秒限制
27. ishmsVal:true,//是否限制时分秒输入框输入，默认可以直接输入时间
28. isClear:true,//是否显示清空
29. isToday:true,//是否显示今天或本月
30. isok:true,//是否显示确定按钮
31. clearRestore:true,//清空输入框，返回预设日期，输入框非空的情况下有效
32. festival:false,//是否显示农历节日
33. fixed:true,//是否静止定位，为true时定位在输入框，为false时居中定位
34. zIndex:2099,//弹出层的层级高度
35. marks:null,//给日期做标注
36. choosefun:function(elem, val, date){}, //选中日期后的回调, elem当前输入框ID, val当前选择的值, date当前完整的日期值
37. clearfun:function(elem, val) {}, //清除日期后的回调, elem当前输入框ID, val当前选择的值
38. okfun:function(elem, val, date){}, //点击确定后的回调, elem当前输入框ID, val当前选择的值, date当前完整的日期值
39. success:function(elem){}, //层弹出后的成功回调方法, elem当前输入框ID

2、一般使用语法

1. 【jeDate调用】绑定id
2. //点击显示（YYYY年MM月DD日 hh:mm:ss）格式
3. $("#ymd01").jeDate({
4. isinitVal:true,
5. festival:true,
6. format:'YYYY年MM月DD日 hh:mm:ss'
7. });

         requirejs方法调用方式

1. requirejs.config({
2. paths :{
3. jquery :'js/jquery-1.7.2',
4. jedate :'jedate/jquery.jedate'
5. }
6. });
7. require(['jquery','jedate'],function($){
8. $("#test").jeDate({
9. format:"YYYY-MM-DD",
10. isTime:false,
11. minDate:"2014-09-19 00:00:00"
12. })
13. //或者为这样的
14. $.jeDate("#test",{
15. format:"YYYY-MM-DD",
16. isTime:false,
17. minDate:"2014-09-19 00:00:00"
18. })

3、使用对象

可以使用在文本框与非文本框上：如 input 、 DIV，建议使用 “input” 标签

4 、相关控件下载

http://www.jemui.com/uidoc/jedate.html