jquery-ui – JQuery UI Datepicker:使链接触发datepicker

前端之家收集整理的这篇文章主要介绍了jquery-ui – JQuery UI Datepicker:使链接触发datepicker前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用JQuery的UI datepicker: http://jqueryui.com/demos/datepicker/

在这里实现:

http://www.clients.eirestudio.net/old/

我想使用一个链接作为触发器,但我无法让它工作。

这是我的代码

// JQuery UI
$("#datepicker").datepicker({
      changeMonth: true,changeYear: true,maxDate: '0m 0d',minDate: new Date(2000,1 - 1,1),dateFormat: 'dd-mm-yy'
});

<p class="clearfix hidden">
    <input id="" class="input float datepicker" type="input" name="" value="" />
    <a class="calendar ui-icon ui-icon-calendar">Date</a>

    <span class="mid-info">To</span>
    <input id="" class="input datepicker" type="input" name="" value="" />
    <a class="calendar" href="#">Date</a>
</p>

有任何想法吗?

解决方法

你可以像我在 this fiddle那样做一些事情

HTML:

<a href="#" id="toggleDP">Toggle</a>

JS:

var $dp = $("<input type='text' />").hide().datepicker({
    onSelect: function(dateText,inst) {
       $("body").append("<div>Selected "+dateText+"</div>");
    }
}).appendTo('body');

$("#toggleDP").button().click(function(e) {
    if ($dp.datepicker('widget').is(':hidden')) {
        $dp.show().datepicker('show').hide();
        $dp.datepicker("widget").position({
            my: "left top",at: "right top",of: this
        });
    } else {
        $dp.hide();
    }

    //e.preventDefault();
});

猜你在找的jQuery相关文章