jedate-test.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. /**
  2. * jeDate 演示
  3. */
  4. $(function () {
  5. //常规选择
  6. $("#test01").jeDate({
  7. format: "YYYY"
  8. });
  9. $("#test02").jeDate({
  10. format: "YYYY-MM"
  11. });
  12. $("#test03").jeDate({
  13. format: "YYYY-MM-DD"
  14. });
  15. $("#test04").jeDate({
  16. format: "YYYY-MM-DD hh:mm:ss"
  17. });
  18. $("#test05").jeDate({
  19. format: "hh:mm:ss"
  20. });
  21. //区域范围选择
  22. $("#test06").jeDate({
  23. format: "YYYY",
  24. range:" ~ "
  25. });
  26. $("#test07").jeDate({
  27. format: "YYYY-MM",
  28. range:" To "
  29. });
  30. $("#test08").jeDate({
  31. format: "YYYY-MM-DD",
  32. range:" 至 "
  33. });
  34. //区域范围双面板选择
  35. $("#test09").jeDate({
  36. format: "YYYY",
  37. multiPane:false,
  38. range:" ~ "
  39. });
  40. $("#test10").jeDate({
  41. format: "YYYY-MM",
  42. multiPane:false,
  43. range:" To "
  44. });
  45. $("#test11").jeDate({
  46. format: "YYYY-MM-DD",
  47. multiPane:false,
  48. range:" 至 "
  49. });
  50. //自定义格式选择
  51. $("#test12").jeDate({
  52. format: "YYYY年MM月DD日"
  53. });
  54. $("#test13").jeDate({
  55. format: "MM-DD-YYYY"
  56. });
  57. $("#test14").jeDate({
  58. format: "DD/MM/YYYY"
  59. });
  60. //一次绑定多个选择
  61. $(".moredate").each(function(){
  62. var mat = $(this).attr("placeholder");
  63. $(this).jeDate({
  64. format: mat
  65. });
  66. });
  67. //其它功能展示选择
  68. $("#test15").jeDate({
  69. format: "YYYY-MM-DD",
  70. isinitVal: true
  71. });
  72. $("#test16").jeDate({
  73. format: "YYYY-MM-DD",
  74. okfun:function (elem,value) {
  75. alert('你选择的日期是:' + value)
  76. }
  77. });
  78. $("#test17").jeDate({
  79. format: "YYYY-MM-DD",
  80. toggle:function (elem,value,date) {
  81. alert('你选择的日期是:' + value + '\n\n获得的对象是' + JSON.stringify(date));
  82. }
  83. });
  84. $("#test18").jeDate({
  85. trigger:"dblclick",
  86. format: "YYYY-MM-DD"
  87. });
  88. var custom = $("#test19").jeDate({
  89. format: "YYYY-MM-DD"
  90. });
  91. custom.setValue("2017-09-01");
  92. //有效、无效日期限制
  93. $("#test20").jeDate({
  94. valiDate:["0[4-7]$,1[1-5]$,2[58]$",true],
  95. format: "YYYY年MM月DD日"
  96. });
  97. $("#test21").jeDate({
  98. valiDate:["0[4-7]$,1[1-5]$,2[58]$",false],
  99. format: "YYYY年MM月DD日"
  100. });
  101. $("#test22").jeDate({
  102. valiDate:["1$,3$,6$,9$",true],
  103. format: "YYYY年MM月DD日"
  104. });
  105. $("#test23").jeDate({
  106. valiDate:["1$,3$,6$,9$",false],
  107. format: "YYYY年MM月DD日"
  108. });
  109. $("#test24").jeDate({
  110. valiDate:["%1,%3,%6,%9,%12,%15,%25",true],
  111. format: "YYYY年MM月DD日"
  112. });
  113. $("#test25").jeDate({
  114. valiDate:["%1,%3,%6,%9,%12,%15,%25",false],
  115. format: "YYYY年MM月DD日"
  116. });
  117. //直接展示日历
  118. $("#show01").jeDate({
  119. isShow:false,
  120. format: "YYYY-MM-DD"
  121. });
  122. $("#show02").jeDate({
  123. isShow:false,
  124. format: "YYYY-MM"
  125. });
  126. $("#show03").jeDate({
  127. isShow:false,
  128. format: "YYYY"
  129. });
  130. $("#show04").jeDate({
  131. isShow:false,
  132. format: "hh:mm:ss"
  133. });
  134. });