| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134 |
- /**
- * jeDate 演示
- */
- $(function () {
- //常规选择
- $("#test01").jeDate({
- format: "YYYY"
- });
- $("#test02").jeDate({
- format: "YYYY-MM"
- });
- $("#test03").jeDate({
- format: "YYYY-MM-DD"
- });
- $("#test04").jeDate({
- format: "YYYY-MM-DD hh:mm:ss"
- });
- $("#test05").jeDate({
- format: "hh:mm:ss"
- });
- //区域范围选择
- $("#test06").jeDate({
- format: "YYYY",
- range:" ~ "
- });
- $("#test07").jeDate({
- format: "YYYY-MM",
- range:" To "
- });
- $("#test08").jeDate({
- format: "YYYY-MM-DD",
- range:" 至 "
- });
- //区域范围双面板选择
- $("#test09").jeDate({
- format: "YYYY",
- multiPane:false,
- range:" ~ "
- });
- $("#test10").jeDate({
- format: "YYYY-MM",
- multiPane:false,
- range:" To "
- });
- $("#test11").jeDate({
- format: "YYYY-MM-DD",
- multiPane:false,
- range:" 至 "
- });
- //自定义格式选择
- $("#test12").jeDate({
- format: "YYYY年MM月DD日"
- });
- $("#test13").jeDate({
- format: "MM-DD-YYYY"
- });
- $("#test14").jeDate({
- format: "DD/MM/YYYY"
- });
- //一次绑定多个选择
- $(".moredate").each(function(){
- var mat = $(this).attr("placeholder");
- $(this).jeDate({
- format: mat
- });
- });
- //其它功能展示选择
- $("#test15").jeDate({
- format: "YYYY-MM-DD",
- isinitVal: true
- });
- $("#test16").jeDate({
- format: "YYYY-MM-DD",
- okfun:function (elem,value) {
- alert('你选择的日期是:' + value)
- }
- });
- $("#test17").jeDate({
- format: "YYYY-MM-DD",
- toggle:function (elem,value,date) {
- alert('你选择的日期是:' + value + '\n\n获得的对象是' + JSON.stringify(date));
- }
- });
- $("#test18").jeDate({
- trigger:"dblclick",
- format: "YYYY-MM-DD"
- });
- var custom = $("#test19").jeDate({
- format: "YYYY-MM-DD"
- });
- custom.setValue("2017-09-01");
- //有效、无效日期限制
- $("#test20").jeDate({
- valiDate:["0[4-7]$,1[1-5]$,2[58]$",true],
- format: "YYYY年MM月DD日"
- });
- $("#test21").jeDate({
- valiDate:["0[4-7]$,1[1-5]$,2[58]$",false],
- format: "YYYY年MM月DD日"
- });
- $("#test22").jeDate({
- valiDate:["1$,3$,6$,9$",true],
- format: "YYYY年MM月DD日"
- });
- $("#test23").jeDate({
- valiDate:["1$,3$,6$,9$",false],
- format: "YYYY年MM月DD日"
- });
- $("#test24").jeDate({
- valiDate:["%1,%3,%6,%9,%12,%15,%25",true],
- format: "YYYY年MM月DD日"
- });
- $("#test25").jeDate({
- valiDate:["%1,%3,%6,%9,%12,%15,%25",false],
- format: "YYYY年MM月DD日"
- });
- //直接展示日历
- $("#show01").jeDate({
- isShow:false,
- format: "YYYY-MM-DD"
- });
- $("#show02").jeDate({
- isShow:false,
- format: "YYYY-MM"
- });
- $("#show03").jeDate({
- isShow:false,
- format: "YYYY"
- });
- $("#show04").jeDate({
- isShow:false,
- format: "hh:mm:ss"
- });
- });
|