Отображение календаря в плагине jquery ui - PullRequest
Новая
       53

Отображение календаря в плагине jquery ui

1 голос
/ 15 февраля 2012

Я установил плагин 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>

Когда я вижу свою страницу, я вижу текстовое поле, но когда я щелкаю внутри текстового поля, я не вижу выпадающего календаря дат. Где я совершаю ошибку? Я даже видел консоль разработчика на моем Chrome, которая не выдает никакой ошибки.

Заранее спасибо

Ответы [ 4 ]

3 голосов
/ 15 февраля 2012

Я заменил тег script на Grails g:javascript тег как: 

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

Теперь это работает.

3 голосов
/ 15 февраля 2012

Вы пропускаете $ в своем коде при выборе средства выбора даты textbox. 

$(document).ready(function(){ 
    $("#datepicker").datepicker({ dateFormat: 'yy/mm/dd' }); 
});
2 голосов
/ 15 февраля 2012

Фактическая проблема заключалась в том, что вы включили jquery здесь: 

<g:javascript library="jquery" />

А затем включили здесь jquery: 

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

Возможно, разные версии jquery, и я думаю, все взорвалосьup

Изменение тега script на: 

<script type="text/javascript">

Должно решить эту проблему ...

0 голосов
/ 15 февраля 2012

Пример DatePicker на сайте дает правильный пример: http://jqueryui.com/demos/datepicker/ Вы можете настроить свой DatePicker с некоторыми дополнительными функциями, такими как: changeMonth: true, changeYear: правда, showOtherMonths: правда, selectOtherMonths: true, dateFormat: 'd-m-yy', первый день: 1, minDate: -365, maxDate: + 0,

...