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

Question

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

Answer 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);
    }
});