jQueryUI数据报警器:生成一个链接触发器数据报警器

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (43)

我正在使用JQuery的UI数据报警器: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>

有什么想法吗?

提问于
用户回答回答于

我刚刚在我的应用程序中解决了这个问题 - 如果你使用文本字段打开了datepicker,则也可以使用此解决方案。我添加了一个$('#date_field').focus()链接到图标。点击图标,文本字段获得焦点并触发日期选择器打开。

用户回答回答于

你可以像我一样

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

扫码关注云+社区

领取腾讯云代金券