JQuery UI Datepicker:制作链接触发日期选择器 [英] JQuery UI Datepicker: Making a link trigger datepicker

查看:23
本文介绍了JQuery UI Datepicker:制作链接触发日期选择器的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在使用 JQuery 的 UI 日期选择器:http://jqueryui.com/demos/datepicker/

I am using JQuery's UI datepicker: http://jqueryui.com/demos/datepicker/

在这里实现:

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

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

I want to use a link as the trigger but I can't get it to work.

这是我的代码:

// 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 might help somebody else.

我最终让它与 JQuery UI 一起工作.

I ended up getting it to work with JQuery UI.

代码如下:

$(".date-pick").datepicker({
      changeMonth: true,
      changeYear: true,
      maxDate: '0m 0d',
      minDate: new Date(2000, 1 - 1, 1),
      dateFormat: 'dd-mm-yy',
      showOn: 'button', 
      buttonImage: 'http://www.example.com/elements/images/calendar.png', 
      buttonImageOnly: true
      });

并且我将日期选择器 ID 更改为日期选择类

and I changed the datepicker id to date-pick class

这篇关于JQuery UI Datepicker:制作链接触发日期选择器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆