3

form実際、Spring アプリケーションでは、jsp コードでspring ベースのタグを使用しています。

このための機能を追加し、<form:input>Jquery を使用して DatePicker を提供します。

そして、ここに私のJspコードがあります..

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<link rel="stylesheet" href="resources/css/jquery-ui.css" type="text/css">
<link rel="stylesheet" href="resources/css/custom.css" type="text/css">
<script type="text/javascript" src="resources/jquery/jquery-ui.min.js"></script>
    <form:form action="form/form1"
        modelAttribute="form1">
               <label class="control_label_c">From : </label>
          <div class="controls_c">
              <form:input type="text" path="fromDate" class="date-picker" />
        </div>
    </form:form>
<script>
$(function() {
    $('.date-picker').datepicker( {
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'MM yy',
        onClose: function(dateText, inst) { 
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).datepicker('setDate', new Date(year, month, 1));
        }
    });
});
</script>

しかし、日付ピッカーが機能していません (表示されません)...

このスプリング ベースのフォーム タグに問題はありますか? また

私のコードに何か問題がありますか?

4

3 に答える 3

1

ほとんどの場合、参照の問題が原因です。できればブラウザで Firebug または開発者ツールを使用して、以下を確認してください

  1. 互換性のあるバージョンの jQuery を使用した jQuery UI が適切に参照されている
  2. jQuery UI CSS が適切に参照されている
  3. jQuery UI js を参照

CDN

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
于 2013-04-05T05:07:17.160 に答える
0

jquery.js をロードしていないようです.....UI コンポーネントを実行するには jquery ファイルが必要です。

jquery-ui.min.js の前に jquery.js をロードする

 <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script type="text/javascript" src="resources/jquery/jquery-ui.min.js"></script>
于 2013-04-05T05:06:00.043 に答える