ui

src/main/webapp/webpage/modules/iim/calendar/myCalendar.jsp

@@ -8,7 +8,7 @@
  <title>我的日程</title>
  <meta name="decorator" content="ani"/>
 
-    
+
 
 <!--
 	说明：需要整合农历节气和节日，引入fullcalendar.js fullcalendar2.css
@@ -17,7 +17,7 @@
 
 <script type="text/javascript">
 $(function() {
-	//页面加载完初始化日历 
+	//页面加载完初始化日历
 	$('#calendar').fullCalendar({
 		//设置日历头部信息
 		header: {
@@ -34,7 +34,7 @@ $(function() {
 		        }
 		    })
 		},
-		firstDay:1,//每行第一天为周一 
+		firstDay:1,//每行第一天为周一
 		editable: true,
 		droppable: true, // this allows things to be dropped onto the calendar
 		drop: function(date, event, ui, resourceId ) {
@@ -46,7 +46,7 @@ $(function() {
 				start=moment(date).format("YYYY-MM-DD")
 				end = moment(date).add(1, 'day').format("YYYY-MM-DD");
 			}
-			
+
 		    jp.post('${ctx}/iim/myCalendar/add',
 				{
 					start:start,
@@ -62,7 +62,7 @@ $(function() {
 
 			});
 
-			// Wed Jun 18 2014 
+			// Wed Jun 18 2014
 			//alert(event.title + " was dropped on " + event.start.format());
 			// is the "remove after drop" checkbox checked?
 			if ($('#drop-remove').is(':checked')) {
@@ -75,10 +75,10 @@ $(function() {
 		//点击某一天时促发
 		dayClick: function(date, jsEvent, view) {
     	},
-		//单击事件项时触发 
-        eventClick: function(calEvent, jsEvent, view) { 
+		//单击事件项时触发
+        eventClick: function(calEvent, jsEvent, view) {
         	jp.open({
-		   	    type: 2,  
+		   	    type: 2,
 		   	    area: ['800px', '500px'],
 		   	    title: '事件',
 		   	    auto:true,
@@ -88,45 +88,45 @@ $(function() {
 		   	    btn1:function(index,layero){
 		   	         var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
 	   	         	 iframeWin.contentWindow.del(index, $('#calendar'));
-	   	         	 
+
 		   	    },
 		   	    btn2: function(index, layero){
 		   	     	var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
    	         	 	iframeWin.contentWindow.save(index, $('#calendar'));
 		   		  },
-		   	   	btn3: function(index){ 
+		   	   	btn3: function(index){
 		   		     jp.close(index);
 		   	      }
-		   	}); 
+		   	});
         },
-		
-		//拖动事件 
+
+		//拖动事件
 		eventDrop: function(event, delta, revertFunc) {
-        	$.post("${ctx}/iim/myCalendar/drag",{id:event.id,daydiff:delta._days, minudiff:delta._milliseconds},function(result){ 
+        	$.post("${ctx}/iim/myCalendar/drag",{id:event.id,daydiff:delta._days, minudiff:delta._milliseconds},function(result){
             	if(result.success){
             		jp.info(result.msg);
             	}
-            	
-        	}); 
+
+        	});
     	},
-		
+
 		//日程事件的缩放
 		eventResize: function(event, delta, revertFunc) {
     		jp.post("${ctx}/iim/myCalendar/resize",{id:event.id,daydiff:delta._days, minudiff:delta._milliseconds},function(result){
     			if(result.success){
-            		jp.info(result.msg); 
+            		jp.info(result.msg);
         		}else{
-        			jp.error(result.msg); 
+        			jp.error(result.msg);
         		}
-    		}); 
+    		});
 		},
-		
-		selectable: true, //允许用户拖动 
-		select: function( startDate, endDate, allDay, jsEvent, view ){ 
-	    	var start =moment(startDate).format("YYYY-MM-DD HH:mm:ss"); 
-	    	var end =moment(endDate).format("YYYY-MM-DD HH:mm:ss"); 
+
+		selectable: true, //允许用户拖动
+		select: function( startDate, endDate, allDay, jsEvent, view ){
+	    	var start =moment(startDate).format("YYYY-MM-DD HH:mm:ss");
+	    	var end =moment(endDate).format("YYYY-MM-DD HH:mm:ss");
 	        jp.open({
-		   	    type: 2,  
+		   	    type: 2,
 		   	    area: ['800px', '500px'],
 		   	    title: '事件',
 		   	    auto:true,
@@ -137,12 +137,12 @@ $(function() {
 		   	    	var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
 		         	 	iframeWin.contentWindow.save(index, $('#calendar'));
 		   		  },
-		   	   cancel: function(index){ 
+		   	   cancel: function(index){
 		   	      }
-		   		}); 
-		} 
+		   		});
+		}
 	});
-	
+
 	$('#external-events .fc-event').each(function() {
 		// store data so the calendar knows to render an event upon drop
 		$(this).data('event', {
@@ -158,7 +158,7 @@ $(function() {
 		});
 
 	});
-	
+
 });
 function add(){
 	var html = $("<div class='fc-event  bg-default'>"+$("#title").val()+"</div>");
@@ -178,24 +178,24 @@ function add(){
 		background: #eee;
 		text-align: left;
 	}
-		
+
 	#external-events h4 {
 		font-size: 16px;
 		margin-top: 0;
 		padding-top: 1em;
 	}
-		
+
 	#external-events .fc-event {
 		margin: 10px 0;
 		cursor: pointer;
 	}
-		
+
 	#external-events p {
 		margin: 1.5em 0;
 		font-size: 11px;
 		color: #666;
 	}
-		
+
 	#external-events p input {
 		margin: 0;
 		vertical-align: middle;
@@ -209,7 +209,7 @@ function add(){
     <div class="conter-wrapper">
 	<div class="panel panel-default">
 		<div class="panel-body">
-            <img src="${ctxStatic}/calendar/images/jcdj.jpg" style="width: 100%;height: auto">
+            <img src="${ctxStatic}/calendar/images/jcdj2.jpg" style="width: 100%;height: auto">
 		<%--<iframe src="${ctxStatic}/calendar/calendar.html" frameborder="0" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto" id="ifm" name="ifm" width="100%" height="660" style="overflow: hidden;"></iframe>--%>
 		</div>
 		<%--<div class="panel-body">
@@ -231,20 +231,20 @@ function add(){
 						<span class="input-group-btn">
 							<button class="btn btn-default" onclick="add()" type="submit">Add</button>
 						</span>
-					</div>	
+					</div>
 					<br>
 				</div>
-				
+
 			</div>
 			<div class="col-sm-9">
 				<div id="calendar"></div>
 			</div>
 		</div>
-         
+
     </div>
     </div>--%>
     </div>
 </body>
 
 
-</html>
+</html>