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

前端之家收集整理的这篇文章主要介绍了如何在链接点击上显示jquery datepicker?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要在链接点击时显示 jquery datepicker,当选择日期时将链接文本更改为此日期,我该怎么办?

解决方法

jQuery UI date picker应该做的工作.

使用图标查看示例以触发选择器:
http://jqueryui.com/demos/datepicker/#icon-trigger

您也可以在需要时调用show()方法来下拉选取器,例如……

  1. $('#mypicker').datepicker({
  2. //options
  3. minDate: '20.04.2012'
  4. //...
  5. });
  6. $('#mylink').click(function(){
  7. $('#mypicker').datepicker('show');
  8. });

要在选择日期后更改链接文本,请在初始化代码中使用以下内容

  1. $('#mypicker').datepicker({ onSelect:
  2. function(dateText,inst) {
  3. $('#mylink').text(dateText);
  4. }
  5. });

猜你在找的jQuery相关文章