atsAttenceCalculateCalendar.jsp 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <%--
  2. time:2015-06-03 14:46:19
  3. --%>
  4. <%@page language="java" pageEncoding="UTF-8"%>
  5. <%@include file="/commons/include/html_doctype.html"%>
  6. <html>
  7. <head>
  8. <title>考勤计算日历明细</title>
  9. <%@include file="/commons/include/get.jsp"%>
  10. <link rel="stylesheet" type="text/css" href="${ctx}/styles/common/css/font-awesome/font-awesome.min.css"></link>
  11. <f:link href="jqGrid/jquery-ui.css" ></f:link>
  12. <f:link href="jqGrid/ui.jqgrid.css" ></f:link>
  13. <link rel="stylesheet" type="text/css" href="${ctx}/styles/common/css/fullcalendar/fullcalendar.min.css"></link>
  14. <!--[if lte IE 8]>
  15. <script type="text/javascript" src="${ctx}/js/bootstrap/html5shiv.min.js"></script>
  16. <script type="text/javascript" src="${ctx}/js/bootstrap/respond.min.js"></script>
  17. <![endif]-->
  18. <script type="text/javascript" src="${ctx}/js/fullcalendar/moment.min.js"></script>
  19. <script type="text/javascript" src="${ctx}/js/fullcalendar/fullcalendar.min.js"></script>
  20. <script type="text/javascript" src="${ctx}/js/lang/fullcalendar/zh_CN.js"></script>
  21. <script type="text/javascript">
  22. //放置脚本
  23. $(function(){
  24. var event = '${events}',events =$.parseJSON(event),date = formatDate('${startTime}');
  25. $('#calendar_info').fullCalendar({
  26. header: {
  27. left: 'title',
  28. right: 'prev,next'
  29. },
  30. defaultDate:date,
  31. height: 600,
  32. editable : false,
  33. aspectRatio : 1.35,
  34. disableDragging : true,
  35. selectable: true,
  36. selectHelper: true,
  37. select: function(start, end) {
  38. var startDate = start.format('YYYY-MM-DD'),
  39. date1 = me.formatDate(startDate);
  40. var events = $('#calendar_info').fullCalendar('clientEvents');
  41. for (var j = 0; j < events.length; j++) {
  42. var event = events[j],
  43. date = formatDate(event["start"].format('YYYY-MM-DD'));
  44. if (date.getTime() == date1.getTime()) {
  45. }
  46. }
  47. },
  48. eventClick : function(event, e) {
  49. var start = event.start.format('YYYY-MM-DD'),
  50. date1 = formatDate(start);
  51. },
  52. events:events
  53. });
  54. });
  55. function formatDate(d){
  56. return new Date(d.replace(/-/g,"/"));
  57. }
  58. </script>
  59. </head>
  60. <body>
  61. <div class="panel">
  62. <div id="calendar_info" ></div>
  63. </div>
  64. </body>
  65. </html>