myCalendarForm.jsp 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/webpage/include/taglib.jsp"%>
  3. <html>
  4. <head>
  5. <meta name="decorator" content="ani"/>
  6. <script type="text/javascript">
  7. $(document).ready(function() {
  8. $('#start').datetimepicker({
  9. format: "YYYY-MM-DD HH:mm:ss"
  10. });
  11. $('#end').datetimepicker({
  12. format: "YYYY-MM-DD HH:mm:ss"
  13. });
  14. //提交表单
  15. });
  16. //删除事件
  17. function del(index, calendar){
  18. jp.confirm("确定要删除该事件吗?",function(){
  19. var eventid = $("#eventid").val();
  20. $.post("${ctx }/iim/myCalendar/del",{id:eventid},function(result){
  21. if(result.success){//删除成功
  22. jp.info(result.msg);
  23. calendar.fullCalendar('removeEvents' ,[eventid]);
  24. jp.close(index);
  25. }else{
  26. jp.alert(result.msg);
  27. }
  28. });
  29. })
  30. };
  31. function save(index, calendar){
  32. var eventid = $("#eventid").val();
  33. $.post("${ctx }/iim/myCalendar/save",$('#inputForm').serialize(),function(result){
  34. if(result.success){//删除成功
  35. jp.info(result.msg);
  36. calendar.fullCalendar('refetchEvents'); //重新获取所有事件数据
  37. jp.close(index);
  38. }else{
  39. jp.alert(result.msg);
  40. }
  41. });
  42. };
  43. </script>
  44. </head>
  45. <body class="bg-white">
  46. <form id="inputForm" method="post" class="form-horizontal">
  47. <input type="hidden" name="id" id="eventid" value="${myCalendar.id}">
  48. <div class="form-group">
  49. <label class="col-sm-2 control-label"><font color="red">*</font>日程内容:</label>
  50. <div class="col-sm-10">
  51. <input type="text" class="form-control required" name="title" id="title" placeholder="记录你将要做的一件事..." value="${myCalendar.title}">
  52. </div>
  53. </div>
  54. <div class="form-group">
  55. <label class="col-sm-2 control-label"><font color="red">*</font>开始时间:</label>
  56. <div class="col-sm-10">
  57. <div class='input-group form_datetime' id='start'>
  58. <input type='text' name="start" class="form-control required" value="<fmt:formatDate value="${myCalendar.start}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
  59. <span class="input-group-addon">
  60. <span class="glyphicon glyphicon-calendar"></span>
  61. </span>
  62. </div>
  63. </div>
  64. </div>
  65. <div class="form-group">
  66. <label class="col-sm-2 control-label"><font color="red">*</font>结束时间:</label>
  67. <div class="col-sm-10">
  68. <div class='input-group form_datetime' id='end'>
  69. <input type='text' name="end" class="form-control required" value="<fmt:formatDate value="${myCalendar.end}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
  70. <span class="input-group-addon">
  71. <span class="glyphicon glyphicon-calendar"></span>
  72. </span>
  73. </div>
  74. </div>
  75. </div>
  76. </form>
  77. </body>
  78. </html>