2013-12-19 2 views
1

Struts2 및 jQuery와 함께 작업하고 있습니다. timepicker 플러그인이 작동하지 않습니다.jQuery timepicker addon이 struts2-jquery와 작동하지 않습니다.

내 JSP는 :

<?xml version="1.0" encoding="ISO-8859-1" ?> 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
pageEncoding="ISO-8859-1"%> 
<%@ taglib prefix="sj" uri="/struts-jquery-tags" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> 
<title>TestPicker</title> 
<sj:head jqueryui="true" locale="es" jquerytheme="redmond" /> 
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script> 
<style type="text/css"> 
    .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } 
.ui-timepicker-div dl { text-align: left; } 
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; } 
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; } 
.ui-timepicker-div td { font-size: 90%; } 
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } 
.ui-timepicker-rtl{ direction: rtl; } 
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } 
.ui-timepicker-rtl dl dt{ float: right; clear: right; } 
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }  
</style> 
<script type="text/javascript"> 
$(function(){ 
    $('#txtTime').timepicker({}); 
}); 
</script> 
</head> 
<body> 
<input id="txtTime" type="text" name="txtTime" value="" ></input> 
</body> 
</html> 

그것은이 HTML을 생성

<script type="text/javascript" src="/Asistencia/struts/js/base/jquery-1.10.2.min.js"> 
</script> 
<script type="text/javascript" 
    src="/Asistencia/struts/js/base/jquery.ui.core.min.js?s2j=3.6.1"></script> 
<script type="text/javascript" 
src="/Asistencia/struts/js/plugins/jquery.subscribe.min.js?s2j=3.6.1"></script> 

<script type="text/javascript" 
    src="/Asistencia/struts/js/struts2/jquery.struts2.min.js?s2j=3.6.1"></script> 

<script type="text/javascript"> 
$(function() { 
jQuery.struts2_jquery.version="3.6.1"; 
jQuery.scriptPath = "/Asistencia/struts/"; 
jQuery.struts2_jquery.local = "es"; 
jQuery.struts2_jquery.gridLocal = "es"; 
jQuery.struts2_jquery.timeLocal = "es"; 
jQuery.ajaxSettings.traditional = true; 

jQuery.ajaxSetup ({ 
    cache: false 
}); 

jQuery.struts2_jquery.require("js/struts2/jquery.ui.struts2.min.js?s2j=3.6.1"); 

    }); 
    </script> 

     <link id="jquery_theme_link" rel="stylesheet" 
     href="/Asistencia/struts/themes/redmond/jquery-ui.css?s2j=3.6.1" 
     type="text/css"/> 


     <script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script> 

이 코드 ?s2j=3.6.1 문제를 얻을 생각합니다.

Page of TimePicker addon

지금, 나는 ama3+anytime 플러그인을 시도합니다.

답변

0

이 매개 변수는 문제가 아니며 내부 용이며 플러그인의 버전을 알려줍니다. 이 요소를 만들기 전에 요소에 timepicker을 바인딩하려고하기 때문에 문제가 jQuery 코드에 있습니다. 시도해보십시오.

$(document).ready(function(){ 
    $('#txtTime').timepicker({ 
    timeFormat: "hh:mm tt" 
    }); 
}); 
+0

슬라이더가없는 시간 표시기를 표시하십시오. 나는 ama3 +로 언제나 잘 했어. – YanOner

관련 문제