2014-05-23 4 views
0

datepicker 구성 요소와 fullcalendar 구성 요소를 레이아웃 파일에 포함하면 datepicker가 wokring되지 않습니다. 그러나 각 페이지가 하나씩 올바르게 작동하고 있습니다. plae help me. 여기 코드 : 당신이 JS 파일을 포함하는 같은 Calendar.jspjQuery datepicker 및 fullcalendar, datepicker가 표시되지 않습니다.

<html> 
<head> 
<title>calendar</title> 
<link rel='stylesheet' type='text/css' href='http://arshaw.com/css/main.css?6' /> 
<link rel='stylesheet' type='text/css' href='http://arshaw.com/css/fullcalendar.css?3' /> 
<link rel='stylesheet' type='text/css' href="fullcalendar.css" /> 
<script type='text/javascript' src='http://arshaw.com/js/fullcalendar-1.6.3/jquery/jquery-1.10.2.min.js'></script> 
<script type='text/javascript' src='http://arshaw.com/js/fullcalendar-1.6.3/jquery/jquery-ui-1.10.3.custom.min.js'></script> 
<script type='text/javascript' src='http://arshaw.com/js/fullcalendar-1.6.3/fullcalendar/fullcalendar.min.js'></script> 
<script> 
$(function() { 

     $('#calendar').fullCalendar({ 
            // 
        }); 
</script> 

날짜 선택기

<script type='text/javascript'> 
$(function() { 

    $("#datepicker").datepicker(); 

    $("#datepicker").datepicker("option", "dateFormat","yy-mm-dd"); 

    $.datepicker.regional['ko'] = { 
       ... 
      }; 
       $.datepicker.setDefaults($.datepicker.regional['ko']); 
}); 
</script> 

layout.jsp

<html> 
<head> 
<title>Insert title here</title> 
</head> 
<body> 
<table border="1"> 
<!-- datepicker input text part --> 
<tr height="300px"><td><%@ include file = "./datepicker.jsp" %></td></tr> 

<!-- Jquery fullcalendar part --> 
<tr><td><%@ include file = "./Calendar.jsp" %></td></tr> 
</table> 
</body> 
</html> 
+0

을 : 이동

시도 내가 함께이 바이올린을 넣어 당신의 Layout.jsp

에 JS 및 CSS 파일에 대한 귀하를 포함 모든 작동하는 것 같다 다시 시도해 주시겠습니까? – ochi

+0

붙여 넣습니다. 너는 그것을 볼 수 있니? –

+0

나는 문제가 자바 스크립트 함수라고 생각한다 ... 나는 이미 onload 함수를 사용하고있다. $ (document) .ready (function())하지만 여전히 작동하지 않는다. –

답변

0

이 보이는 Calendar.jsp에서 datepickerLayout.jsp에 있으므로 Calendar.jsp이로드 될 때 datepicker이 어디인지는 알 수 없습니다. 당신이 할 수있는, 당신의 코드를 볼 수 없습니다입니다

http://jsfiddle.net/2faxr/

관련 문제