如何将日期选择器放在图像图标上

how to put date picker to a image icon

本文关键字:图像 图标 选择器 日期      更新时间:2024-06-28

我有两个文本框,旁边有两个日历图像按钮。。。。我想把一些好的calander弹出到这些按钮上,,有人能帮我吗。。。。希望你能在jsfiddle中给出一个好的演示。。我的代码在这里。。。。。。。

<table>
<tr>
<td> Start Date : </td>
<td>
<input type="text" size='25' name="dateOfBirth" value=""id="demo1" />
<img src="images/cal.gif"  style="cursor:pointer" />
</td>
</tr>
<tr>
     <td  >End Date :</td>
 <td>
    <input type="text" size='25' name="dateOfBirth" value="" id="demo1" />
    <img src="images/cal.gif"  style="cursor:pointer" />
    </td>
</tr>
  </table>

尝试jQuery日期选择器-日期选择器示例

这有许多限制意外日期的日期选择的选项等,

设置格式

$( "#datepicker" ).datepicker( "option", "dateFormat", "dd/mm/yyyy" );

检查http://jqueryui.com/datepicker/#date-格式化