jQuery 時間選擇器插件不適用於 struts2-jquery

Question

我正在使用 Struts 2 和 jQuery。 timepicker的插件不起作用。

我的 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有問題。

TimePicker 插件頁面

現在，我將嘗試使用ama3+anytime插件。

Answer 1

這個參數沒有問題，它僅供內部使用，告訴插件插件版本。 問題是在你的jQuery代碼，因為你正嘗試將綁定timepicker創建此元素之前的元素。 試試

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

jQuery 時間選擇器插件不適用於 struts2-jquery

問題描述

1 個解決方案

解決方案1
0 2013-12-19 20:01:33

jQuery 時間選擇器插件不適用於 struts2-jquery

問題描述

1 個解決方案

解決方案1 0 2013-12-19 20:01:33

解決方案1
0 2013-12-19 20:01:33