You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
276 lines
6.7 KiB
276 lines
6.7 KiB
/**
|
|
* jeDate 演示
|
|
*/
|
|
var enLang = {
|
|
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"
|
|
}
|
|
//常规选择
|
|
jeDate("#test01",{
|
|
//festival:true,
|
|
//multiPane:false,
|
|
format: "YYYY"
|
|
});
|
|
|
|
jeDate("#test02",{
|
|
format: "YYYY-MM"
|
|
});
|
|
|
|
jeDate("#test03",{
|
|
//onClose:false,
|
|
|
|
format: "MM-DD-YYYY"
|
|
});
|
|
jeDate("#test04",{
|
|
festival:true,
|
|
minDate:"1900-01-01", //最小日期
|
|
maxDate:"2099-12-31", //最大日期
|
|
method:{
|
|
choose:function (params) {
|
|
|
|
}
|
|
},
|
|
format: "YYYY-MM-DD hh:mm:ss"
|
|
});
|
|
var jds = jeDate("#test05",{
|
|
minDate:"01:02:08", //最小日期
|
|
maxDate:"15:25:35", //最大日期
|
|
format: "hh:mm:ss"
|
|
});
|
|
console.log(jds)
|
|
//英文语言
|
|
jeDate("#enYMD",{
|
|
language:enLang,
|
|
format: "YYYY-MM-DD"
|
|
});
|
|
jeDate("#enYMDhms",{
|
|
language:enLang,
|
|
format: "YYYY-MM-DD hh:mm:ss"
|
|
});
|
|
jeDate("#enhms",{
|
|
language:enLang,
|
|
format: "hh:mm:ss"
|
|
});
|
|
|
|
//自定义主题色
|
|
jeDate("#testblue",{
|
|
theme:{bgcolor:"#00A1CB",pnColor:"#00CCFF"},
|
|
multiPane:false,
|
|
range:" ~ ",
|
|
format: "YYYY-MM-DD hh:mm:ss"
|
|
});
|
|
jeDate("#testgray",{
|
|
theme:{bgcolor:"#00A680",pnColor:"#00DDAA"},
|
|
multiPane:false,
|
|
range:" ~ ",
|
|
format: "YYYY-MM-DD hh:mm:ss"
|
|
});
|
|
jeDate("#testred",{
|
|
theme:{bgcolor:"#D91600",pnColor:"#FF6653"},
|
|
multiPane:false,
|
|
range:" ~ ",
|
|
format: "YYYY-MM-DD hh:mm:ss"
|
|
});
|
|
|
|
//区域范围选择
|
|
jeDate("#test06",{
|
|
format: "YYYY",
|
|
range:" ~ "
|
|
});
|
|
jeDate("#test07",{
|
|
format: "YYYY-MM",
|
|
range:" To "
|
|
});
|
|
jeDate("#test08",{
|
|
format: "YYYY-MM-DD",
|
|
range:" 至 "
|
|
});
|
|
|
|
|
|
//区域范围双面板选择
|
|
var jd = jeDate("#test09",{
|
|
format: "YYYY",
|
|
multiPane:false,
|
|
range:" ~ "
|
|
});
|
|
jeDate("#test10",{
|
|
format: "YYYY-MM",
|
|
multiPane:false,
|
|
range:" To "
|
|
});
|
|
jeDate("#test11",{
|
|
format: "YYYY-MM-DD",
|
|
multiPane:false,
|
|
range:" 至 "
|
|
});
|
|
jeDate("#test11A",{
|
|
format: "YYYY-MM-DD hh:mm:ss",
|
|
multiPane:false,
|
|
range:" 至 "
|
|
});
|
|
jeDate("#test11B",{
|
|
minDate:"03:02:04", //最小日期
|
|
maxDate:"14:30:45",
|
|
format: "hh:mm:ss",
|
|
multiPane:false,
|
|
range:" 至 "
|
|
});
|
|
jeDate("#test11C",{
|
|
format: "hh:mm",
|
|
multiPane:false,
|
|
range:" 至 "
|
|
});
|
|
|
|
//自定义格式选择
|
|
jeDate("#test12",{
|
|
format: "YYYY年MM月DD日"
|
|
});
|
|
jeDate("#test13",{
|
|
format: "MM-DD-YYYY"
|
|
});
|
|
jeDate("#test14",{
|
|
format: "DD/MM/YYYY"
|
|
});
|
|
|
|
//一次绑定多个选择
|
|
var jel = document.querySelectorAll(".moredate");
|
|
for(var j=0;j<jel.length;j++){
|
|
var mat = jel[j].getAttribute("placeholder");
|
|
jeDate(jel[j],{
|
|
format: mat
|
|
});
|
|
}
|
|
|
|
//一次绑定多个选择DIV类型
|
|
var divel = document.querySelectorAll(".divmore");
|
|
for(var j=0;j<divel.length;j++){
|
|
var divmat = divel[j].getAttribute("placeholder");
|
|
jeDate(divel[j],{
|
|
format: divmat
|
|
});
|
|
}
|
|
|
|
//左边多类选择
|
|
jeDate("#short",{
|
|
format:"YYYY-MM-DD",
|
|
shortcut:[
|
|
{name:"一周",val:{DD:7}},
|
|
{name:"一个月",val:{DD:30}},
|
|
{name:"二个月",val:{MM:2}},
|
|
{name:"三个月",val:{MM:3}},
|
|
{name:"一年",val:{DD:365}}
|
|
],
|
|
donefun:function (obj) {
|
|
//alert(jeDate.getLunar(obj.date[0]).cW);
|
|
}
|
|
});
|
|
jeDate("#shortboth",{
|
|
format:"YYYY-MM-DD",
|
|
isinitVal: true,
|
|
range:" TO ",
|
|
multiPane:false,
|
|
shortcut:[
|
|
{name:"一周",val:{DD:7}},
|
|
{name:"一个月",val:{DD:30}},
|
|
{name:"二个月",val:{MM:2}},
|
|
{name:"三个月",val:{MM:3}},
|
|
{name:"一年",val:{DD:365}}
|
|
],
|
|
donefun:function (obj) {
|
|
//var bs = {yy:123,dd:789}
|
|
console.log(jeDate.extend({yy:123,dd:789},{yy:"you",aa:456}))
|
|
//alert(jeDate.getLunar(obj.date[0]).cW);
|
|
}
|
|
});
|
|
|
|
//YYYYMMDD格式
|
|
jeDate("#dateymd",{
|
|
format: "YYYYMMDD"
|
|
});
|
|
jeDate("#dateymdboth",{
|
|
format: "YYYYMMDD",
|
|
multiPane:false,
|
|
range:" 至 "
|
|
});
|
|
|
|
|
|
//其它功能展示选择
|
|
jeDate("#test15",{
|
|
format: "YYYY-MM-DD",
|
|
isinitVal: true
|
|
});
|
|
jeDate("#test16",{
|
|
format: "YYYY-MM-DD",
|
|
donefun:function (obj) {
|
|
alert('你选择的日期是:' + obj.val)
|
|
}
|
|
});
|
|
jeDate("#test17",{
|
|
format: "YYYY-MM-DD",
|
|
toggle:function (obj) {
|
|
alert('你选择的日期是:' + obj.val + '\n\n获得的对象是' + JSON.stringify(obj.date));
|
|
}
|
|
});
|
|
jeDate("#test18",{
|
|
trigger:"dblclick",
|
|
format: "YYYY-MM-DD"
|
|
});
|
|
var custom = jeDate("#test19",{
|
|
format: "YYYY-MM-DD"
|
|
}).setValue("2018-09-01");
|
|
//或者 custom.setValue("2018-09-01");
|
|
|
|
//有效、无效日期限制
|
|
jeDate("#test20",{
|
|
valiDate:["0[4-7]$,1[1-5]$,2[58]$",true],
|
|
format: "YYYY年MM月DD日"
|
|
});
|
|
jeDate("#test21",{
|
|
valiDate:["0[4-7]$,1[1-5]$,2[58]$",false],
|
|
format: "YYYY年MM月DD日"
|
|
});
|
|
jeDate("#test22",{
|
|
valiDate:["1$,3$,6$,9$",true],
|
|
format: "YYYY年MM月DD日"
|
|
});
|
|
jeDate("#test23",{
|
|
valiDate:["1$,3$,6$,9$",false],
|
|
format: "YYYY年MM月DD日"
|
|
});
|
|
jeDate("#test24",{
|
|
valiDate:["%1,%3,%6,%9,%12,%15,%25",true],
|
|
format: "YYYY年MM月DD日"
|
|
});
|
|
jeDate("#test25",{
|
|
valiDate:["%1,%3,%6,%9,%12,%15,%25",false],
|
|
format: "YYYY年MM月DD日"
|
|
});
|
|
|
|
//直接展示日历
|
|
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"
|
|
});
|
|
|
|
|
|
|