¿Cómo mostrar jquery datepicker en el enlace clic?

Question

Necesito mostrar jquery datepicker en el enlace , haga clic en, también cuando se elige una fecha, cambie el texto del enlace a esta fecha, ¿cómo puedo hacerlo?

Answer 1

jQuery UI date picker debería hacer el trabajo.

Salida del ejemplo usando un icono para activar el selector: http://jqueryui.com/demos/datepicker/#icon-trigger

También puede llamar al método show() para desplegar el selector siempre que lo necesite, por ejemplo ..

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

Para cambiar el texto del enlace después de seleccionar una fecha, usar algo como esto en el código de inicialización:

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

Answer 2

Bueno, puede ser que es hasta tarde para responder en esta publicación, pero aquí hay un gran solution from Andrew en un hilo similar, que funciona en 2015.

En pocas palabras, debe colocar la entrada oculta justo después del enlace y un div vacío. El último hará el truco.

Además, no será necesario realizar un clic en el evento.

Answer 3

Salam

que descubrir esta solotion:

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

Y funciona correctamente.

Atentamente.

Alireza Balvardi

Answer 4

$("#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 5

Esto funcionó para mí. Necesita jquery-ui .ls y .css.

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