日期控件与省市县控件的使用

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

jeDate V6.5.0 是一款原生JS开发的 不依赖任何第三方库 大众化的日期控件

api文档地址：[http://www.jemui.com/uidoc/jedate.html](http://www.jemui.com/uidoc/jedate. html)

浏览器兼容，下面是我们的主要兼容目标

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)

  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

下载文件后解压，页面中引用，


使用：
注：具体方法请查看api文档

省市县控件

参考地址：http://demo.lanrenzhijia.com/demo/47/4761/demo/

使用:
引入css和js文件


调用：

$(".pick-area3").pickArea({
        "format":"江苏省", //格式
        "width":"400",
        "borderColor":"#51AFC9",//文本边框的色值
        "arrowColor":"#51AFC9",//箭头颜色
        "listBdColor":"#51AFC9",//下拉框父元素ul的border色值
        "color":"#51AFC9",//字体颜色
        "fontSize":"16px",//字体大小
        "hoverColor":"#51AFC9",
        "paddingLeft":"10px",
        "arrowRight":"10px",
        "maxHeight":"600",
        //"preSet":"河南省/郑州市",
        "getVal":function(){
            //console.log($(".pick-area-hidden").val())
            //console.log($(".pick-area-dom").val())
            var thisdom = $("."+$(".pick-area-dom").val());
            thisdom.next().val($(".pick-area-hidden").val());
        }
    });