如何在链接点击上显示jquery datepicker？

我需要在链接点击时显示jquery datepicker ，当jquery datepicker时将链接文本更改为此日期，我该怎么办？

Answer 1

jQuery UI日期选择器应该完成这项工作。

使用图标查看示例以触发选择器： 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

好吧，在这篇文章中回复可能会迟到，但这是安德鲁在类似线程中的一个很好的解决方案 ，它在2015年有效。

简而言之，您需要在链接和空div之后立即隐藏输入。 最后一个会做到这一点。

此外，链接点击事件不需要。

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

这对我有用。 需要jquery-ui .ls和.css。

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

Answer 5

萨拉姆

我发现这个孤独：

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

并且正常工作。

您忠诚的。

Alireza Balvardi