dataPicker.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. /*TMODJS:{"version":1,"md5":"b8a14fd88375204a7456294a990c90f5"}*/
  2. template('common/dataPicker',function($data,$filename
  3. /**/) {
  4. 'use strict';var $utils=this,$helpers=$utils.$helpers,$each=$utils.$each,columns=$data.columns,option=$data.option,i=$data.i,$escape=$utils.$escape,$out='';$out+='<div class="box box-container box-align-end"> <div class="picker-body"> <div class="picker-day-box"> <div class=" picker-day"> <ul class="row"> ';
  5. $each(columns.columnDay,function(option,i){
  6. $out+=' ';
  7. if(option.selected){
  8. $out+=' <li class="col-md-3 day ';
  9. if(option.selectIndex > -1 ){
  10. $out+=' on ';
  11. }
  12. $out+='" data-value="';
  13. $out+=$escape(option.value);
  14. $out+='"> <span>';
  15. $out+=$escape(option.day);
  16. $out+='</span><br><small>';
  17. $out+=$escape(option.text);
  18. $out+='</small> </li> ';
  19. }else{
  20. $out+=' <li class="col-md-3 day ';
  21. if(i == 0 ){
  22. $out+=' on ';
  23. }
  24. $out+='" data-value="';
  25. $out+=$escape(option.value);
  26. $out+='"> <span>';
  27. $out+=$escape(option.day);
  28. $out+='</span><br><small>';
  29. $out+=$escape(option.text);
  30. $out+='</small> </li> ';
  31. }
  32. $out+=' ';
  33. });
  34. $out+=' </ul> </div> </div> <div class="container picker-time"> <ul class="row"> ';
  35. $each(columns.columnTime,function(option,i){
  36. $out+=' ';
  37. if(option.num > option.now ){
  38. $out+=' <li class="col-md-3 j-book-time ';
  39. if(option.selectIndex > -1 ){
  40. $out+=' on ';
  41. }
  42. $out+=' ';
  43. if(option.num - option.now <= 4 || (option.now > 18 || option.now < 9 && option.num <= 12) ){
  44. $out+=' current ';
  45. }
  46. $out+='" data-value="';
  47. $out+=$escape(option.value);
  48. $out+='" data-time="';
  49. $out+=$escape(option.min);
  50. $out+='" data-now="';
  51. $out+=$escape(option.now);
  52. $out+='"> <a href="javascript:;" class="time"> <span class="num">';
  53. $out+=$escape(option.text);
  54. $out+='</span> <span class="disable">不可预约</span> <span class="able">预约</span> </a> </li> ';
  55. }
  56. $out+=' ';
  57. });
  58. $out+=' </ul> <ul class="row hide"> ';
  59. $each(columns.columnTime,function(option,i){
  60. $out+=' <li class="col-md-3 j-book-time ';
  61. if(option.selectIndex > -1 ){
  62. $out+=' on ';
  63. }
  64. $out+=' ';
  65. if(option.now >= 18 && option.num < 12 ){
  66. $out+=' current ';
  67. }else if(option.now >= 19 && option.num <= 12 ){
  68. $out+=' current ';
  69. }
  70. $out+='" data-value="';
  71. $out+=$escape(option.value);
  72. $out+='" data-time="';
  73. $out+=$escape(option.min);
  74. $out+='"> <a href="javascript:;" class="time"> <span class="num">';
  75. $out+=$escape(option.text);
  76. $out+='</span> <span class="disable">不可预约</span> <span class="able">预约</span> </a> </li> ';
  77. });
  78. $out+=' </ul> <ul class="row hide"> ';
  79. $each(columns.columnTime,function(option,i){
  80. $out+=' <li class="col-md-3 j-book-time ';
  81. if(option.selectIndex > -1 ){
  82. $out+=' on ';
  83. }
  84. $out+='" data-value="';
  85. $out+=$escape(option.value);
  86. $out+='"> <a href="javascript:;" class="time"> <span class="num">';
  87. $out+=$escape(option.text);
  88. $out+='</span> <span class="disable">不可预约</span> <span class="able">预约</span> </a> </li> ';
  89. });
  90. $out+=' </ul> <ul class="row hide"> ';
  91. $each(columns.columnTime,function(option,i){
  92. $out+=' <li class="col-md-3 j-book-time ';
  93. if(option.selectIndex > -1 ){
  94. $out+=' on ';
  95. }
  96. $out+='" data-value="';
  97. $out+=$escape(option.value);
  98. $out+='"> <a href="javascript:;" class="time"> <span class="num">';
  99. $out+=$escape(option.text);
  100. $out+='</span> <span class="disable">不可预约</span> <span class="able">预约</span> </a> </li> ';
  101. });
  102. $out+=' </ul> <ul class="row hide"> ';
  103. $each(columns.columnTime,function(option,i){
  104. $out+=' <li class="col-md-3 j-book-time ';
  105. if(option.selectIndex > -1 ){
  106. $out+=' on ';
  107. }
  108. $out+='" data-value="';
  109. $out+=$escape(option.value);
  110. $out+='"> <a href="javascript:;" class="time"> <span class="num">';
  111. $out+=$escape(option.text);
  112. $out+='</span> <span class="disable">不可预约</span> <span class="able">预约</span> </a> </li> ';
  113. });
  114. $out+=' </ul> <ul class="row hide"> ';
  115. $each(columns.columnTime,function(option,i){
  116. $out+=' <li class="col-md-3 j-book-time ';
  117. if(option.selectIndex > -1 ){
  118. $out+=' on ';
  119. }
  120. $out+='" data-value="';
  121. $out+=$escape(option.value);
  122. $out+='"> <a href="javascript:;" class="time"> <span class="num">';
  123. $out+=$escape(option.text);
  124. $out+='</span> <span class="disable">不可预约</span> <span class="able">预约</span> </a> </li> ';
  125. });
  126. $out+=' </ul> <ul class="row hide"> ';
  127. $each(columns.columnTime,function(option,i){
  128. $out+=' <li class="col-md-3 j-book-time ';
  129. if(option.selectIndex > -1 ){
  130. $out+=' on ';
  131. }
  132. $out+='" data-value="';
  133. $out+=$escape(option.value);
  134. $out+='"> <a href="javascript:;" class="time"> <span class="num">';
  135. $out+=$escape(option.text);
  136. $out+='</span> <span class="disable">不可预约</span> <span class="able">预约</span> </a> </li> ';
  137. });
  138. $out+=' </ul> <ul class="row hide"> ';
  139. $each(columns.columnTime,function(option,i){
  140. $out+=' <li class="col-md-3 j-book-time ';
  141. if(option.selectIndex > -1 ){
  142. $out+=' on ';
  143. }
  144. $out+='" data-value="';
  145. $out+=$escape(option.value);
  146. $out+='"> <a href="javascript:;" class="time"> <span class="num">';
  147. $out+=$escape(option.text);
  148. $out+='</span> <span class="disable">不可预约</span> <span class="able">预约</span> </a> </li> ';
  149. });
  150. $out+=' </ul> <ul class="row hide"> ';
  151. $each(columns.columnTime,function(option,i){
  152. $out+=' <li class="col-md-3 j-book-time ';
  153. if(option.selectIndex > -1 ){
  154. $out+=' on ';
  155. }
  156. $out+='" data-value="';
  157. $out+=$escape(option.value);
  158. $out+='"> <a href="javascript:;" class="time"> <span class="num">';
  159. $out+=$escape(option.text);
  160. $out+='</span> <span class="disable">不可预约</span> <span class="able">预约</span> </a> </li> ';
  161. });
  162. $out+=' </ul> </div> </div> </div> ';
  163. return new String($out);
  164. });