如何使用jquery显示在文本框中选择的日历值

我有一个日历图像和一个文本框。当我点击图片我需要得到的日历和选定日期应显示在文本框中。我正在使用HTML和jQuery。我怎样才能做到这一点？如何使用jquery显示在文本框中选择的日历值

我知道刚才使用文本框和日历这样的：

<input type="text" style="float: right;"id="datepicker"> 
$(function() { 
     $("#datepicker").datepicker(); 
});

但我需要做的这类似于在点击：

<img src="images/calendar.gif" id='imgDatePicker'"/>

我应该得到的文本中选定的值，显示框。

示例图像：

我该怎么做？

来源

2014-01-30 Java Learner

您使用的是JQuery日期选择器吗？你可以更新小提琴吗？无法理解你的问题 –

@ ling.s是的，我正在使用jquery，正是阿克苏提到的，请检查我的意见 –

试试这个：

$("#datepicker").datepicker({ 
    showOn: "button", 
    buttonImage: "images/calendar.gif", 
    buttonImageOnly: true 
}).next(".ui-datepicker-trigger").css("float", "left");

另一种解决方案可以补充说内div标签，然后应用样式到它。

PS：http://jqueryui.com/datepicker/#icon-trigger

来源

2014-01-30 06:51:52 aksu

感谢您的答案，它的作品正是我想要的，只是一件小事我需要移动文本框和图像到div的右角，我用float：right，只有textbox被移动到右边，我可以移动bight也像buttonPosition：right; –

现在尝试，我添加了一些修改我的例子。 – aksu

如何使用jquery显示在文本框中选择的日历值

回答

相关问题