jquery uiプラグインでカレンダーを表示

hereからjquery uiプラグインをインストールしました。私は私のビューファイルをその結果、そのページに簡単な例を踏襲：jquery uiプラグインでカレンダーを表示

<%@ page import="mnm.schedule.*" %> 
<!doctypte html> 
<html> 
<head> 
<meta name="layout" content="main" /> 
<title><g:message code="User's profile" /></title> 
<g:javascript library="jquery" /> 
<r:require module="jquery-ui"/> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"> 
$(document).ready(function() 
{ ("#datepicker").datepicker({dateFormat: 'yy/mm/dd'}); 
}) 
</script>   
</head> 
    <body> 
    <div role="main" class="content scaffold-create"> 
    <g:form controller="tasks" action ="test"> 
    date : <input type="text" id="datepicker" /> 
    <g:submitButton name="click" /> 
    </g:form> 
    </div> 
    </body> 
</html>

私は私のページが表示されたら、私はテキストボックスを見ることができますが、私は、テキストボックス内をクリックしたときに、私が見ることができません日付カレンダーが飛び出します。間違いはどこで起こっていますか？私は開発者のコンソールが私のクロムで見たこともあり、エラーは発生しません。日付ピッカーtextboxを選択しながら、事前

出典

2012-02-15 Ant' s

jquery-xxx.jsを2回インポートしませんか？どちらも異なるバージョンですか？生成されたhtmlを投稿できますか？ –

@tim_yates： 'g：javascript'タグを使用したときに、その出力が得られました。私もそれを私の答えとして追加しました;） –

問題の内容とその解決方法を説明する[自分の答え]（http://stackoverflow.com/a/9297045/6509）を追加しました... –

実際の問題は、あなたがここにjqueryをinlcudedということだったのjqueryの

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js">

おそらく異なるバージョンを、と私はすべてが

を爆破したと思いますscriptタグを次のように変更してください。

<script type="text/javascript">

これを解決する必要があります...

出典

2012-02-15 16:18:50

ああ！ありがとう。あなたはいつもグルーヴィーとグラスの男です。答えをありがとう。 –

私は今カレンダーを手に入れていますが、サイズがとても大きいようです。どうすれば 'Css 'できますか？ –

[自分のテーマをロールしてリソースプラグイン経由でそれを組み込む]（http://mrhaki.blogspot.com/2011/10/grails-goodness-use-different-jquery-ui.html）？ –

で

ありがとうございます、あなたのコード内で$が欠落しています。 changeMonth：真、 changeYear：真、 showOtherMonths：真、 selectOtherMonthsあなたが好きないくつかの余分な機能を備えたチューニング日付ピッカーをすることができます http://jqueryui.com/demos/datepicker/ ：

$(document).ready(function(){ 
    $("#datepicker").datepicker({ dateFormat: 'yy/mm/dd' }); 
});

出典

2012-02-15 14:55:38 ShankarSangoli

eventhoughそれはエラーだった、それは私の問題を解決しません。 '$'を追加した後も同じ問題に直面しています –

何のエラーが出ていますか？ – ShankarSangoli

ウェブサイト上の日付ピッカーの例では、適切な例を示します：真、 DATEFORMAT： 'DM-Y-Y'、 firstDay：1、 MinDateプロパティ：-365、 maxDateの：0、

出典

2012-02-15 15:12:03 Cerveser

私はを置き換えます210タグ、Grailsの持つg:javascriptタグとして：今、それは動作します

<g:javascript> 
     $(document).ready(function() 
     { 
      $("#datepicker").datepicker({dateFormat: 'dd/mm/yy'}); 
      console.log('has been invoked'); 
     }) 
</g:javascript>

。

<g:javascript library="jquery" />

そしてjQueryのここに含ま：

出典

2012-02-15 16:13:48

jquery uiプラグインでカレンダーを表示

答えて

関連する問題