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

【问题标题】：How to display jquery datepicker on link click?如何在链接点击时显示 jquery datepicker？
【发布时间】：2011-02-22 18:26:33
【问题描述】：

我需要在链接 click 上显示jquery ui datepicker，也是当挑选日期的日期将链接文本更改为此日期时，我怎样才能做到？

【问题讨论】：

标签： jquery hyperlink onclick datepicker

【解决方案1】：

jQuery UI date picker 应该可以完成这项工作。

查看使用图标触发选取器的示例： 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);
    }
});

【讨论】：

是的，我正在使用这个日期选择器，但我需要它出现在文本链接点击上，而不是输入和按钮/图像上，找不到怎么做。
如何调用show()方法？我的 JavaScript 不太好，谢谢
在这种情况下#mypicker 是什么？
您初始化为日期选择器的输入元素的 id。在 jQuery 示例中（按照我给你的链接）它将是 '#datepicker'
我正在尝试这段代码：` $(function() { $( "#datepicker" ).datepicker(); $('#mylink').click(function(){ $( '#datepicker').show(); }); })` 但它不起作用。我用id="datepicker" 隐藏了输入并用id="mylink" 链接

【解决方案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 );

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

好吧，在这篇文章中回复可能为时已晚，但这里有一个很棒的 solution from Andrew 在类似的线程中，它在 2015 年有效。

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

另外，链接点击事件也不需要了。

【讨论】：

【解决方案5】：

这对我有用：

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

【讨论】：

【解决方案6】：

萨拉姆

我发现了这个独奏：

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

并且工作正常。

此致。

阿里雷扎·巴尔瓦迪

【讨论】：