jeDate基础参数

注意事项
核心方法
使用方法
支持日期格式类型
功能演示
多语言设置 language
日历固定 isShow
自定义主题色 theme
左边快捷菜单 shortcut
有效无效日期 valiDate
设置默认日期 initDate
初始日期加减N initDate
区域选择 range
单双面板 multiPane
事件触发 trigger
最小最大日期
节日农历 festival
弹层是否关闭 onClose
一次绑定多个
自定义日期、标注点
限制时分秒
开始结束日期、日期联动
获取年月日星期
日期时间戳转换
回调函数 toggle
回调函数 donefun
扩展一个对象 extend

jeDate日期控件 -（原生JS版）

日期控件说明

jeDate V6.5.0 是一款原生JS开发的 不依赖任何第三方库 大众化的日期控件，她身兼多职，虽不是万能的，但是她却是功能强大多样的美少女，她除了包含单双面板、区域选择、多语言、日历固定、有效无效日期、日期时间戳转换、日期加减、限制时分秒、初始化日期加减N、日期标注点、设定年月（YYYY-MM）、日期范围限制、开始日期设定、自定义日期格式、当天的前后若干天返回、时分秒选择、智能响应、自动纠错、节日识别，操作等常规功能外，根据不同的日期格式，显示不同内容，还拥有更多趋近完美的解决方案。更多的是需要你与她的亲密接触与呵护！
您可以免费将她用于任何项目。但是不能去除头部信息。
jeDate群01：516754269（已满） jeDate群02：73371254
此为PC日期控件，非手机日期控件，请勿用于手机端。

独立jeDate下载：官网下载 Github下载

当前版本：0 下载次数：0次

jeDate V6.0.2日期控件 jQuery版

更新日志更新时间：2018-05-03

1、本次jeDate控件进行了一次重构改版，把之前发现的一些问题也一起修改了，不再采用第三方库，直接用原生JS重写！jeDate是一个独立的控件！所有的 $ 不存在了，功能只增不减

2、更改 “$.timeStampDate” 为 “jeDate.timeStampDate” 日期与时间戳相互转换

3、删除 “choosefun” 使用 “donefun” 来代替

4、新增自定义主题色 “theme” 使用更灵活

5、新增左边快捷菜单 “shortcut”

6、修复双面板与区域选择

7、修复对日期时间严格控制

8、修复因最小最大日期不全造成的问题

9、修改了一些发现的问题，修改与新增的就不都列表出来了

10、更多功能自己去体验

注意事项

1、解压后，将jedate整个文件放至您项目的任意目录
2、jedate.js 为源码版， jedate.min.js 为压缩版，选其一引入即可。
3、控件不支持选周

浏览器兼容，下面是我们的主要兼容目标
1、IE8 或者 IE8以上 (Windows), IE8以下浏览器不兼容
2、Safari (Mac) 苹果浏览器
3、Chrome (Windows, Mac, Linux) 谷歌浏览器
4、Firefox (Windows, Mac, Linux) 火狐浏览器
5、谷歌内核(webkit)浏览器，如360浏览器，搜狗浏览器，QQ浏览器等

核心方法（配置）：jeDate(elem, options)

options可以是一个对象，也可以是函数
它默认是一个对象，它包含了以下key: '默认值'

    skinCell:"jedateblue",                      //日期风格样式，默认蓝色
    format:"YYYY-MM-DD hh:mm:ss",               //日期格式
    minDate:"1900-01-01 00:00:00",              //最小日期 或者 "1900-01-01" 或者 "10:30:25"
    maxDate:"2099-12-31 23:59:59",              //最大日期 或者 "2099-12-31" 或者 "16:35:25"
    language:{                                  //多语言设置
        name  : "cn",
        month : ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"],
        weeks : [ "日", "一", "二", "三", "四", "五", "六" ],
        times : ["小时","分钟","秒数"],
        titText: "请选择日期时间",
        clear : "清空",
        today : "今天",
        yes   : "确定",
        close : "关闭"
    },
    isShow:true,                                //是否显示为固定日历，为false的时候固定显示
    multiPane:true,                             //是否为双面板，为false是展示双面板
    onClose:true,                               //是否为选中日期后关闭弹层，为false时选中日期后关闭弹层
    range:null,                                 //如果不为空，则会进行区域选择，例如 " 至 "，" ~ "，" To "
    trigger:"click",                            //是否为内部触发事件，默认为内部触发事件
    position:[],                                //自定义日期弹层的偏移位置，长度为0，弹层自动查找位置
    valiDate:[],                                //有效日期与非有效日期，例如 ["0[4-7]$,1[1-5]$,2[58]$",true]
    isinitVal:false,                            //是否初始化时间，默认不初始化时间
    initDate:{},                                //初始化时间，加减 天 时 分
    isTime:true,                                //是否开启时间选择
    isClear:true,                               //是否显示清空
    isToday:true,                               //是否显示今天或本月
    festival:false,                             //是否显示农历节日
    fixed:true,                                 //是否静止定位，为true时定位在输入框，为false时居中定位
    zIndex:2099,                                //弹出层的层级高度
    marks:null,                                 //给日期做标注
    clearfun:function(elem, val) {},            //清除日期后的回调, elem当前输入框ID, val当前选择的值
    donefun:function(obj) {},                   //点击确定后的回调,obj包含{ elem当前输入框ID, val当前选择的值, date当前的日期值}
    success:function(elem) {},                  //层弹出后的成功回调方法, elem当前输入框ID

使用方法

options是一个对象，它包含了以下key: '默认值'

    //普通方法调用方式/
    <script type="text/javascript">
    $(function () {
        //或者为这样的
        jeDate("#test",{
            format:"YYYY-MM-DD",
            isTime:false,
            minDate:"2014-09-19 00:00:00"
        })
    }); 
    
    //requirejs方法调用方式  
    requirejs.config({
        paths : {
            jedate : 'jedate/jedate'
        }
    });
    require([ 'jedate'],function(jeDate) {
        //或者为这样的
        jeDate("#test",{
            format:"YYYY-MM-DD",
            isTime:false,
            minDate:"2014-09-19 00:00:00"
        }) 
    })
    </script>

使用对象

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

    <input id="indate" type="text" placeholder="请选择"  readonly>
    <div id="dateinfo"><div>

支持格式类型

注意：zz 的含义就是补全00
例如 YYYY-MM-DD hh 得到的是 2017-05-02 10
如果 YYYY-MM-DD hh:zz 得到的是 2017-05-02 10:00

日期格式可以随意组合，下面随意列出几种格式：
1、 YYYY-MM-DD hh:mm:ss   或者   MM-DD-YYYY hh:mm:ss   或者   MM/DD/YYYY hh:mm:ss
2、 YYYY-MM-DD hh:mm   或者   MM-DD-YYYY hh:mm   或者   MM/DD/YYYY hh:mm
3、 YYYY-MM-DD hh   或者   MM-DD-YYYY hh   或者   MM/DD/YYYY hh
4、 YYYY-MM-DD   或者   MM-DD-YYYY   或者   MM/DD/YYYY
5、 YYYY-MM
6、 YYYY
7、 hh:mm:ss
8、 hh:mm
9、 hh
10、 YYYY-MM-DD hh:zz
11、 hh:zz

功能演示

当格式为 hh:mm:ss 或者 hh:mm 的时候，今天按钮就被隐藏了！
jeDate控件多实例演示：点击查看

（YYYY年MM月DD日 hh:mm:ss）格式：（YYYY年MM月DD日 hh:mm）格式：

年（YYYY）：时分秒（hh:mm:ss）：时分（hh:mm）：

    【绑定ID】
    <input class="dateinput dateicon" id="test1" type="text" placeholder="YYYY年MM月DD日 hh:mm:ss" readonly>
    <input class="dateinput dateicon mr25" id="texthms" type="text" placeholder="hh:mm:ss"  readonly>
    <script type="text/javascript">
    //点击显示（YYYY年MM月DD日 hh:mm:ss）格式
    jeDate("#ymd01",{
        isinitVal:true,
        festival: true,
        format: 'YYYY年MM月DD日 hh:mm:ss'
    });
    
    //点击显示（YYYY年MM月DD日 hh:mm）格式
    jeDate("#ymd02",{
        format:"YYYY年MM月DD日 hh:mm",
        isTime:true,
        festival: true,
        minDate:"2014-09-19 00:00:00"
    })
    
    //点击显示 YYYY年格式
    jeDate("#ymnian",{
        isinitVal:true,
        format:"YYYY年"
    });
    
    //点击显示 时分秒（hh:mm:ss）格式
    jeDate("#hm01",{
        isinitVal:true, 
        format:"hh:mm:ss"
    });
    
    //点击显示 时分（hh:mm）格式
    jeDate("#hm02",{
        format:"hh:mm"
    });
    </script>

多语言设置 language

language 的参数是一个对象（Object）
name : "cn", name是一种语言的名称
month : ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"],
weeks : [ "日", "一", "二", "三", "四", "五", "六" ],
times : ["小时","分钟","秒数"],
clear : "清空",
today : "今天",
yes : "确定",
close : "关闭"
注意：语言设置不为中文的情况下, 农历不生效，（name = "cn"，农历才生效）
下面是语言设置示例，可做参考：

    //日期 中文 语言设置
    language:{                            
        name   : "cn",
        month  : ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"],
        weeks  : [ "日", "一", "二", "三", "四", "五", "六" ],
        times  : ["小时","分钟","秒数"],
        timetxt: ["时间选择","开始时间","结束时间"],
        backtxt: "返回日期",
        clear  : "清空",
        today  : "现在",
        yes    : "确定"
    }
    
    //日期 英文 语言设置
    language:{                            
        name   : "en",
        month  : ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"],
        weeks  : [ "SUN","MON","TUR","WED","THU","FRI","SAT" ],
        times  : ["Hour","Minute","Second"],
        timetxt: ["Time","Start Time","End Time"],
        backtxt: "Back",
        clear  : "Clear",
        today  : "Now",
        yes    : "Confirm",
        close  : "Close"
    }

日历固定 isShow

isShow 的参数是一个布尔类型（Boolean）
例如默认值 isShow: true，为true时是点击显示，为false的时候固定显示
注意：下面是日历固定示例，可做参考：

    <script type="text/javascript">
    //直接展示日历
    jeDate("#show01",{
        isShow:false,
        format: "YYYY-MM-DD hh:mm:ss"
    });
    jeDate("#show02",{
        isShow:false,
        format: "YYYY-MM"
    });
    jeDate("#show03",{
        isShow:false,
        format: "YYYY"
    });
    jeDate("#show04",{
        isShow:false,
        format: "hh:mm:ss"
    });
    </script>

自定义主题色 theme

theme 的参数是一个字对象（Object）
例如这组参数, 默认值 theme: { }，其中 bgcolor 参数为主题背景色，color参数为文字颜色默认为白色，pnColor参数为当前月日期上一月与下一月颜色
例如我要定义一个主题色，theme:{ bgcolor:"#00A1CB",color:"#ffffff", pnColor:"#00CCFF"}

注意：下面是日历定义主题色示例，可做参考：

蓝色主题色

绿色主题色

红色主题色

    <script type="text/javascript">
    //蓝色主题色
    jeDate("#theme01",{
        theme:{ bgcolor:"#00A1CB",color:"#ffffff", pnColor:"#00CCFF"},
        format: "YYYY-MM-DD hh:mm:ss"
    });

    //绿色主题色
    jeDate("#theme02",{
        theme:{bgcolor:"#00A680",pnColor:"#00DDAA"},
        format: "YYYY-MM-DD hh:mm:ss"
    });

    //红色主题色
    jeDate("#theme03",{
        multiPane:false,
        theme:{bgcolor:"#D91600",pnColor:"#FF6653"},
        format: "YYYY-MM-DD hh:mm:ss"
    });
    
    </script>

左边快捷菜单 shortcut

shortcut 的参数是一个字数组（Array）
例如这组参数, 默认值 shortcut: [ ]，其中 {name:"",val:{}} 两个字段
例如我要定义快捷菜单，shortcut: [ {name:"一周",val:{DD:7}} ]，name是展示文字，val是需要给的值
例如 val:{DD:7}，这个对象里面可以有 {YYYY:"",MM:"",DD:"",hh:"",mm:"",ss:""}
注意：下面是日历左边快捷菜单示例，可做参考：

单面板左边快捷菜单

双面板左边快捷菜单

    <script type="text/javascript">
    //单面板左边快捷菜单
    jeDate("#shortcut01",{
        shortcut:[
            {name:"一周",val:{DD:7}},
            {name:"一个月",val:{DD:30}},
            {name:"二个月",val:{MM:2}},
            {name:"三个月",val:{MM:3}},
            {name:"一年",val:{DD:365}}
        ],
        format: "YYYY-MM-DD hh:mm:ss"
    });

    //双面板左边快捷菜单
    jeDate("#shortcut02",{
        multiPane:false,
        shortcut:[
            {name:"一周",val:{DD:7}},
            {name:"一个月",val:{DD:30}},
            {name:"二个月",val:{MM:2}},
            {name:"三个月",val:{MM:3}},
            {name:"一年",val:{DD:365}}
        ],
        format: "YYYY-MM-DD hh:mm:ss"
    });   
    </script>

有效日期与无效日期 valiDate

valiDate 的参数是一个数组（Array）, 用正则进行限制，你的基本需求都能够满足
例如这组参数, 默认值 valiDate: [ ]，如果长度为0，则有效日期与无效日期不起作用
例如 ["1$,3$,6$,9$",true]，参数2为 true 时，其中的"1$,3$,6$,9$"是查找日期中包含的有效日期
例如 ["1$,3$,6$,9$",flase]，参数2为 flase 时，其中的"1$,3$,6$,9$"是查找日期中包含的无效日期

注意：下面是设置示例，可做参考：

有效日期正向限制

无效日期正向限制

指定日期正向限制

有效日期反向限制

无效日期反向限制

指定日期反向限制

    <script type="text/javascript">
    //有效日期正向限制
    jeDate("#valid01",{
        valiDate:["0[4-7]$,1[1-5]$,2[58]$",true],
        format: "YYYY年MM月DD日"
    });
    
    //无效日期正向限制
    jeDate("#valid03",{
        valiDate:["0[4-7]$,1[1-5]$,2[58]$",false],
        format: "YYYY年MM月DD日"
    });
    
    //指定日期正向限制
    jeDate("#valid05",{
        valiDate:["1$,3$,6$,9$",true],
        format: "YYYY年MM月DD日"
    });
    
    //有效日期反向限制
    jeDate("#valid02",{
        valiDate:["1$,3$,6$,9$",false],
        format: "YYYY年MM月DD日"
    });
    
    //无效日期反向限制
    jeDate("#valid04",{
        valiDate:["%1,%3,%6,%9,%12,%15,%25",true],
        format: "YYYY年MM月DD日"
    });
    
    //指定日期反向限制
    jeDate("#valid06",{
        valiDate:["%1,%3,%6,%9,%12,%15,%25",false],
        format: "YYYY年MM月DD日"
    });
    </script>

设置默认日期 initDate

initDate 的参数是一个数组（Array）
参数一是一个数组，参数二是一个布尔值
例如这组参数, 默认值 [{hh:10,mm:00,ss:00},false]，如果参数二为false，则设置你要的默认值
例如 {hh:10,mm:00,ss:00}，实则它包含（年）YYYY、（月）MM、（日）DD、（时）hh、（分）mm、（秒）ss
注意：initDate 必须配合 isinitVal 且 isinitVal 为 true，才有作用

时分秒设置为（10:00:00）：时分秒设置为（10:30:35）：

    <script type="text/javascript">
    //时分秒设置为 00:00:00
    jeDate("#sfmz",{
        isinitVal:true,
        initDate:[{hh:10,mm:00,ss:00},false],
        minDate: '2016-06-16',
        maxDate: '2025-06-16',
        format:"YYYY年MM月DD日 hh:mm:ss",
        zIndex:3000
    })
    
    //时分秒设置为 10:30:00    
    jeDate("#sfmsd",{
        isinitVal:true,
        initDate:[{hh:10,mm:30,ss:35},false],
        minDate: '2016-06-16',
        maxDate: '2025-06-16',
        format:"hh:mm:ss",
        zIndex:3000
    })
    </script>

初始化日期加减N initDate

initDate 的参数是一个数组（Array）
参数一是一个数组，参数二是一个布尔值
例如这组参数, 默认值 [{DD:10,hh:-2},true]，如果参数二为true，则默认值相加减
例如 {DD:10,hh:-2}，实则它包含（年）YYYY、（月）MM、（日）DD、（时）hh、（分）mm、（秒）ss
例如我要月数加3个月，天数减2天，可以写成：initAddVal: {MM:"+3",DD:"-2"}

注意：initDate 必须配合 isinitVal 且 isinitVal 为 true，才有作用

初始化日期加N天：初始化日期加N小时：

    <script type="text/javascript">
    jeDate("#chus01",{
        isinitVal:true,
        initDate:[{MM:"+3"},true],   //初始化日期加3个月
        festival: true,
        format: 'YYYY年MM月DD日 hh:mm:ss'
    });

    jeDate("#chus02",{
        isinitVal:true,
        initDate:[{DD:"-2",hh:"+1"},true],   //初始化日期减2天加1小时
        festival: true,
        format: 'YYYY年MM月DD日 hh:mm:ss'
    });
            
    //注意：initDate 必须配合 isinitVal 且 isinitVal 为 true，才有作用
    </script>

区域选择 range

range 的参数是一个字符串（String）
range的值可以是想要的任意字符，比如（" TO "，" 至 "，" ~ "）等等
range的值为字符串的时候，区域选择才起作用
range的值为 false 的时候，区域选择就变成单独选择
注意：单面板与多面板都可以实现区域选择
注意：下面是设置示例，可做参考：

（年月日时分秒）：（年月日）：（时分秒）：

    <script type="text/javascript">
    //年月日时分秒
    jeDate("#ranges01",{
        range:" To ",
        minDate:'2017-06-16 10:20:25', 
        maxDate:'2019-06-16 18:30:35',  
        format: 'YYYY-MM-DD hh:mm:ss'
    });
        
    //年月日    
    jeDate("#ranges02",{
        range:" 至 ",
        minDate:'2017-06-16 10:20:25',
        maxDate:'2019-06-16 18:30:35',
        format: 'YYYY年MM月DD日'
    });
        
    //时分秒    
    jeDate("#ranges03",{
        range:" ~ ",
        minDate:'2017-06-16 10:20:25',
        maxDate:'2019-06-16 18:30:35',
        format: 'hh:mm:ss'
    });
    </script>

单双面板 multiPane

multiPane 的参数是一个布尔类型（Boolean）
multiPane：是否为双面板，默认为true展示单面板，为false是展示双面板
注意：下面是设置示例，可做参考：

（年月日）双面板：（年月）双面板：（年）双面板：

    <script type="text/javascript">
    //（年月日）双面板
    jeDate("#multi01",{
        multiPane:false,
        minDate:'2017-06-16 10:20:25',
        maxDate:'2025-06-16 18:30:35',
        format: 'YYYY-MM-DD'
    });
        
    //（年月）双面板
    jeDate("#multi02",{
        multiPane:false,
        minDate:'2017-06-16 10:20:25',
        maxDate:'2025-06-16 18:30:35',
        format: 'YYYY-MM'
    });
        
    //（年）双面板
    jeDate("#multi03",{
        multiPane:false,
        minDate:'2017-06-16 10:20:25',
        maxDate:'2025-06-16 18:30:35',
        format: 'YYYY'
    });
    </script>

事件触发 trigger

已经将原来的 “insTrigger” 改为 “trigger”
trigger 的参数是一个字符串（String）
例如这个参数, 默认值 trigger: "click"，其值可以是 "click" 或者 "click mouseenter focus" 或者 false
trigger 的参数可绑定一个或多个事件，当参数为 false 的时候内部事件不起作用

注意：下面是事件触发设置示例，可做参考：

设置事件（"click mouseenter"）：不设置内部事件（false）：

    <script type="text/javascript">
    //设置事件（"mouseenter"）
    jeDate("#yesclick",{
        trigger: "mouseenter",  //可绑定一个或多个事件
        minDate: '2016-06-16',
        maxDate: '2025-06-16',
        format:"YYYY年MM月DD日 hh:mm:ss",
        zIndex:3000
    })
    </script>
    <!-- 不设置内部事件（false） -->
    <input id="notrigger" type="text"  readonly 
        onclick="jeDate('#notrigger',{trigger:false,isTime:true,format:'YYYY年MM月DD日 hh:mm:ss'})" >

最小最大日期

minDate 最小日期
maxDate 最大日期
最小日期 minDate 可以写成 minDate: "1900-01-01 00:00:00" ,或者 minDate: "1900-01-01" ,或者 minDate: "00:00:00"
最大日期 maxDate 可以写成 maxDate: "2099-12-31 23:59:59" ,或者 maxDate: "2099-12-31" ,或者 minDate: "23:59:59"

节日农历 festival

festival 的参数是一个布尔值，是否显示农历节日

例如这个参数, 默认值 festival: false，如果值为 true 表示显示农历节日
如果语言设置里面的 name 等于 "cn"，农历节日 festival:true 才有效
如果语言设置里面的 name 不等于 "cn"，农历节日就算 festival:true 也无效

弹层是否立即关闭 onClose

onClose 是否为选中日期后关闭弹层，
onClose 为 true 时选中日期后需要点击确定按钮才可以关闭弹层，
onClose 为 false 时选中日期后就关闭弹层

选中后立即关闭

选中后点确定按钮才关闭

    <script type="text/javascript">
    //选中后立即关闭
    jeDate("#yeschoose",{
        onClose:false,
        minDate:'2015-06-16 10:20:25',
        maxDate:'2025-06-16 18:30:35',
        format: 'YYYY-MM-DD hh:mm:ss'
    });
    
    //选中后点确定按钮才关闭
    jeDate("#nochoose",{
        onClose:true,
        minDate:'2015-06-16 10:20:25',
        maxDate:'2025-06-16 18:30:35',
        format: 'YYYY-MM-DD hh:mm:ss'
    }); 
    </script>

一次绑定多个

以下的这种方式，时间初始化是不起作用的

第一种方式

1、添加一个

第二种方式

1、

2、

第三种方式

    <!-- 第一种方式 -->
    <input type="text" placeholder="YYYY年MM月DD日 hh:mm"  readonly onclick="testShow(this);">
    <script type="text/javascript">
    function testShow(elem){
        jeDate(elem,{
            trigger:false,
            format: 'YYYY年MM月DD日 hh:mm',
            minDate: '2014-06-16 23:59:59', //设定最小日期为当前日期
            festival: true,
            maxDate: '2099-06-16 23:59:59' //最大日期
        });
    }
    </script>

    <!-- 第二种方式 -->
    <input type="text" id="tser01" placeholder="YYYY年MM月DD日 hh:mm:ss"  readonly
        onclick="jeDate('#tser01',{trigger:false,isTime:true,format:'YYYY-MM-DD hh:mm:ss'})">
    
    <input type="text" id="tser02" placeholder="YYYY年MM月DD日 hh:mm:ss"  readonly
        onclick="jeDate('#tser02',{trigger:false,isTime:true,format:'YYYY-MM-DD hh:mm:ss'})">
            
    <!-- 第三种方式 -->
    <input class="moredate" type="text" placeholder="YYYY年MM月DD日" readonly>
    <input class="moredate" type="text" placeholder="YYYY-MM-DD" readonly>
    <input class="moredate" type="text" placeholder="YYYY/MM/DD" readonly>
    <script type="text/javascript">
    $(".moredate").each(function(){
        var mat = $(this).attr("placeholder");
        jeDate(this,{
            format: mat
        });
    });
    </script>

自定义日期、标注点

自定义年月（YYYY-MM）格式：给日期标注点：点击图标：

限定在昨天到明天：限定在今天：

    <!-- 【自定义日期格式】 -->
    <div class="dateinput dateicon" id="custom1"></div>
    <script type="text/javascript">
    jeDate('#custom1',{
        isinitVal:true,
        format: 'YYYY/MM' // 分隔符可以任意定义，该例子表示只显示年月
    });
    </script>
    
     <!-- 【给日期标注点】 -->
    <div class="dateinput dateicon" id="custom3"></div>
    <script type="text/javascript">
    jeDate('#custom3',{
        format: 'YYYY-MM-DD', // 分隔符可以任意定义，该例子表示只显示年月
        marks:['2015-01-03','2016-01-01','2016-01-10','2016-01-15','2016-02-15','2016-03-10','2016-04-18'], 
        //marks给日期做标注，特别说明（日期不足2位的必须加0，如：'2015-1-3' 要写成 '2015-01-03' 否则标注不成功）
    });
    </script>
     <!-- 图标触发日期 -->
    <input class="dateinput" id="test2" type="text" placeholder="请选择"  readonly/>
    <span class="dateicon" onClick="jeDate('#test2'{trigger:false,isTime:true,format:'YYYY-MM-DD hh:mm:ss'})"></span>
    
     <!-- 【日期范围限定在昨天到明天】 -->
    <input class="dateinput dateicon" id="custom2" type="text" placeholder="请选择" readonly/>
    <script type="text/javascript">
    jeDate('#custom2',{
        format:"YYYY-MM-DD",
        minDate: jeDate.nowDate({DD:"-1"}), //0代表今天，-1代表昨天，-2代表前天，以此类推
        maxDate: jeDate.nowDate({DD:"+1"}) //1代表明天，2代表后天，以此类推
    });
    //或者是如下
    jeDate('#custom2',{
        format:"YYYY-MM-DD",
        minDate: jeDate.nowDate(-1), //0代表今天，-1代表昨天，-2代表前天，以此类推
        maxDate: jeDate.nowDate(1) //1代表明天，2代表后天，以此类推
    });        
    
    // 【日期范围限定在今天】
    jeDate('#customToday',{
        format:"YYYY-MM-DD",
        minDate: jeDate.nowDate({DD:0}), //0代表今天，-1代表昨天，-2代表前天，以此类推
        maxDate: jeDate.nowDate({DD:0}) //1代表明天，2代表后天，以此类推
    });
    //或者是如下   
    jeDate('#customToday',{
        format:"YYYY-MM-DD",
        minDate: jeDate.nowDate(0), //0代表今天，-1代表昨天，-2代表前天，以此类推
        maxDate: jeDate.nowDate(0) //1代表明天，2代表后天，以此类推
    });
    </script>

限制时分秒

hmsLimit，为true时表示正常状态，为false时限制时分秒起作用
请注意时间限制范围
minDate:'2012-06-16 08:05:05' 或者 '08:05:05'
maxDate:'2020-06-16 20:50:50' 或者 '20:50:50'
例如其中 08:05:05 -- 20:50:50 是时间限制范围
灰色部分为不可选状态

YYYY-MM-DD hh:mm:ss 限制时分秒： hh:mm:ss 限制时分秒：

    <script type="text/javascript">
    jeDate('#ymdlimthms',{
        format: 'YYYY-MM-DD hh:mm:ss',
        minDate:"2012-06-16 08:05:05", //最小日期
        maxDate:"2020-06-16 20:50:50" //最大日期
    });
    jeDate('#limthms',{
        format: 'hh:mm:ss',
        minDate:"2012-06-16 08:05:05", //最小日期
        maxDate:"2020-06-16 20:50:50" //最大日期    
    });
    </script>

开始日期与结束日期、日期联动

点击选择开始日期后，结束日期联动可以自动弹出

开始日期：结束日期：

    【自定义日期格式】
<span class="datetxt">开始日期：</span><input type="text" class="dateinput dateicon" id="inpstart" readonly>
<span class="datetxt">结束日期：</span><input type="text" class="dateinput dateicon" id="inpend" readonly>
    <script type="text/javascript">
    var start = {}, end = {};
    jeDate('#inpstart',{
        format: 'YYYY-MM-DD hh:mm:ss',
        minDate: '2014-06-16 23:59:59', //设定最小日期为当前日期
        maxDate: function (that) {
            //that 指向实例对象
            return jeDate.valText(that.valCell) == "" ? jeDate.nowDate({DD:0}) : start.maxDate;
        }, //设定最大日期为当前日期
        donefun: function(obj){
            end.minDate = obj.val; //开始日选好后，重置结束日的最小日期
            jeDate("#inpend",LinkageEndDate(false));
        }
    });
    jeDate('#inpend',LinkageEndDate);

    function LinkageEndDate(istg) {
        return {
            trigger : istg || "click",
            format: 'YYYY-MM-DD hh:mm:ss',
            minDate: function (that) {
                //that 指向实例对象
                var nowMinDate = jeDate.valText('#inpstart') == "" && jeDate.valText(that.valCell) == "";
                return nowMinDate ? jeDate.nowDate({DD:0}) : end.minDate ;
            }, //设定最小日期为当前日期
            maxDate: '2099-06-16 23:59:59', //设定最大日期为当前日期
            donefun: function(obj){
                start.maxDate = obj.val; //将结束日的初始值设定为开始日的最大日期
            }
        };    
    }
    </script>

获取年月日星期 jeDate.getLunar

jeDate.getLunar(val,format) 的参数有2个
val为选择后的值如："2017-08-23" ,format为日期格式，返回以下值

nM 农历月
nD 农历日
yY 阳历年
yM 阳历月
yD 阳历日
cW 汉字星期几
nW 数字星期几

获取选择日期的星期：

    <script type="text/javascript">
    jeDate('#goweeks',{
        festival: true,
        format: 'YYYY年MM月DD日 hh:mm:ss',
        donefun: function(obj){
            //console.log(jeDate.getLunar(obj.date[0]));
            alert(jeDate.getLunar(obj.date[0]).cW);
        }
    });
    </script>

日期与时间戳相互转换 jeDate.timeStampDate

jeDate.timeStampDate(date, format) 的参数有2个
date 是日期或者时间戳，format 是日期格式

日期转时间戳 jeDate.timeStampDate("2017-11-16 10:35:22")不用填写日期格式得到 1513391722
时间戳转日期 jeDate.timeStampDate("1513391722"，'YYYY年MM月DD日 hh:mm:ss')默认日期格式（'YYYY-MM-DD hh:mm:ss'）得到 2017-11-16 10:35:22

    <script type="text/javascript">
    //日期 转 时间戳 ，不用填写日期格式
    jeDate.timeStampDate("2017-11-16 10:35:22")    //得到 1513391722
    
    //时间戳 转 日期 ，默认日期格式（'YYYY-MM-DD hh:mm:ss'）
    jeDate.timeStampDate("1513391722",'YYYY年MM月DD日 hh:mm:ss')    //得到 2017年11月16日 10:35:22
    </script>

回调函数 toggle

toggle(obj) 回调函数 obj是一个对象包含是三个值（elem，val，date）
值一：obj.elem ，elem是当前输入框（input）的ID
值二：obj.val ，val是当前选中后的值
值三：obj.date ，date是当前选中后的值，它是一个数组，例如：{YYYY:2017,MM:09,DD:02,hh:08,mm:30,ss:15}
注意：range为false的时候可用

    <script type="text/javascript">
    jeDate('#elem',{
        format: 'YYYY-MM-DD hh:mm:ss',
        minDate: '2010-06-16 09:15:35', 
        maxDate: '2099-06-16 23:59:59', 
        toggle: function(obj){
            console.log(obj.elem);     //得到当前输入框的ID
            console.log(obj.val);      //得到日期生成的值，如：2017-06-16
        
            //得到日期时间对象，range为false
            console.log(obj.date);     //这里是对象        
            obj.date = {YYYY: 2017, MM: 08, DD: 18, hh: 10, mm: 25, ss: 10}
        }   
    })
    </script>

回调函数 donefun

donefun(obj) 回调函数 obj是一个对象包含是三个值（elem，val，date）
值一：obj.elem ，elem是当前输入框（input）的ID
值二：obj.val ，val是当前选中后的值
值三：obj.date ，date是当前选中后的值，它是一个数组，例如：{YYYY:2017,MM:09,DD:02,hh:08,mm:30,ss:15}
如果配置range不为空处于区域选择的时候date数组为最小日期与最大日期 [ { },{ } ]
如果是单独选择的时候date为对象 { }

    <script type="text/javascript">
    jeDate('#elem',{
        format: 'YYYY年MM月DD日 hh:mm:ss',
        minDate: '2010-06-16 09:15:35', 
        maxDate: '2099-06-16 23:59:59', 
        donefun: function(obj){
            //this    而this指向的都是当前实例
            console.log(obj.elem);     //得到当前输入框的ID
            console.log(obj.val);      //得到日期生成的值，如：2017-06-16
        
            //得到日期时间对象，range为false
            console.log(obj.date);    //这里是对象   
            obj.date = {YYYY: 2017, MM: 08, DD: 18, hh: 10, mm: 25, ss: 10}
        
            //开启区域选择，range为字符串 时才会返回一个日期时间数组对象。
            console.log(obj.date);    //这里是数组
            obj.date = [
                {YYYY: 2017, MM: 08, DD: 18, hh: 10, mm: 25, ss: 10},
                {YYYY: 2019, MM: 11, DD: 25, hh: 15, mm: 30, ss: 25}
            ]
        }   
    })
    </script>

扩展一个对象 jeDate.extend

jeDate.extend([deep],object1, [objectN])
用一个或多个其他对象来扩展一个对象，返回被扩展的对象。可独立使用。
deep:如果设为true，则递归合并。
object1:待合并到第一个对象的对象。
objectN:待合并到第一个对象的对象。

    <script type="text/javascript">
    //合并 settings 和 options，修改并返回 settings。
    var settings = { validate: false, limit: 5, name: "foo" };
    var options = { validate: true, name: "bar" };
    jeDate.extend(settings, options);
    </script>