Вопросы Теги

JQuery UI Datepicker: То, чтобы заставлять ссылку инициировать datepicker

Я использую UI JQuery datepicker: http://jqueryui.com/demos/datepicker/

реализованный здесь:

http://www.clients.eirestudio.net/old/

Я хочу использовать ссылку в качестве триггера, но я не могу заставить его работать.

Вот мой код: 

// JQuery UI
$("#datepicker").datepicker({
      changeMonth: true,
      changeYear: true,
      maxDate: '0m 0d',
      minDate: new Date(2000, 1 - 1, 1),
      dateFormat: 'dd-mm-yy'
});

Какие-либо идеи?

15
задан Keith Donegan 10 December 2010 в 18:54
поделиться

3 ответа

Это может помочь кому-нибудь другому.

В итоге я заставил его работать с JQuery UI.

Код ниже: 

$(".date-pick").datepicker({
      changeMonth: true,
      changeYear: true,
      maxDate: '0m 0d',
      minDate: new Date(2000, 1 - 1, 1),
      dateFormat: 'dd-mm-yy',
      showOn: 'button', 
      buttonImage: 'http://www.example.com/elements/images/calendar.png', 
      buttonImageOnly: true
      });

и я изменил идентификатор datepicker на класс выбора даты

6
ответ дан 1 December 2019 в 00:01
поделиться

Из jqueryui , похоже, вам следует добавить showOn и, возможно (не знаю, требуется ли это) buttonImage : 

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    maxDate: '0m 0d',
    minDate: new Date(2000, 1 - 1, 1),
    dateFormat: 'dd-mm-yy',
    showOn: 'button', 
    buttonImage: 'images/calendar.gif', // adapt this to your image
    buttonImageOnly: true
});
0
ответ дан 1 December 2019 в 00:01
поделиться

Попробуйте использовать: 

    <a href="javascript:void(0);" onclick="$.datepicker._showDatepicker($('#inputID')[0]);">Text here</a>
    <input type="hidden" id="inputID"/>
    ...
    <script type="text/javascript">
      $(document).ready(
         function()
         {
             $('#inputID').datepicker();
         }
      );
    </script>
6
ответ дан 1 December 2019 в 00:01
поделиться
Другие вопросы по тегам:

Похожие вопросы: