Как отобразить JQuery DatePicker по ссылке нажмите?

Question

Мне нужно показать jquery datepicker по ссылке нажмите , также, когда выбрана дата, измените текст ссылки на эту дату, как я могу это сделать?

Answer 1

Средство выбора даты jQuery должно выполнить эту работу.

Посмотрите на пример использования значка для запуска сборщика: http://jqueryui.com/demos/datepicker/#icon-trigger

Вы также можете вызывать метод show (), чтобы выпадающий список всегда, когда вам нужно, например ...

$('#mypicker').datepicker({
      //options
      minDate: '20.04.2012'
      //...
    });
$('#mylink').click(function(){
      $('#mypicker').datepicker('show');
    });

Чтобы изменить текст ссылки после выбора даты, используйте что-то вроде этого в коде инициализации:

$('#mypicker').datepicker({ onSelect:
    function(dateText, inst) {
        $('#mylink').text(dateText);
    }
});

Answer 2

Это сработало для меня.Нуждаются в jquery-ui .ls и .css.

 $( function() {
            $( "#from" ).datepicker({
                changeMonth: true,
                changeYear: true
            });
            $( "#to" ).datepicker({
                changeMonth: true,
                changeYear: true
            });

Answer 3

$("#dateField").datepicker({
 dateFormat:'dd/M/yy',
 minDate: 'now',
 changeMonth:true,
 changeYear:true,
 showOn: "focus",
 //buttonImage: "YourImage",
 buttonImageOnly: true, 
 yearRange: "-100:+0",  
}); 

$("dateField").datepicker( "option", "disabled", true );

Answer 4

Салам

Я обнаруживаю эту заботу:

onclick="jQuery('#elementid').datetimepicker();jQuery('#elementid').datetimepicker('show');"

И работаю должным образом.

С уважением.

АлирезаБалварди

Answer 5

Ну, может быть, уже поздно отвечать в этом посте, но вот отличное решение от Эндрю в аналогичной теме, которое работает в 2015 году.

В нескольких словах вам нужно поместить скрытый ввод сразу после ссылки и пустой div. Последний сделает свое дело.

Кроме того, вам не понадобится событие щелчка по ссылке.