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

Question

我需要在链接点击上显示 jQuery UI 日期选择器，而且当选择日期时将链接文本更改为该日期，我该怎么做？

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

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

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

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

Answer 4

好吧，也许在这篇文章中回复已经太晚了，但这里有一个很好的来自 Andrew 的解决方案在类似的线程中， 2015 年有效。

简而言之，您需要将隐藏输入放在链接和空 div 之后。最后一个就可以了。

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

Answer 5

这对我有用：

$('#dateinterval').click();

Answer 6

萨拉姆

我发现了这个解决方案：

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

并且工作正常。

您忠诚的。

阿里雷萨·巴尔瓦迪