Question

我需要在链接点击上显示jquery datepicker，同时在选择日期时将链接文字更改为此日期，我该怎么办？

Answer 1

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

嗯，可能是在这篇文章中回复迟到了，但这是一个很棒的solution from Andrew在类似的帖子中，可以在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

这对我有用：

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

Answer 6

萨拉姆

我发现了这个孤独：

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

并且正常工作。

真诚的。

Alireza Balvardi

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

6 个答案: