同事问了我这个问题,把我搞蒙了。那就是文本框中多处调用JS的日历提示。
而那个JS也是通过项目组发给大家的,也不知道是谁写的。没办法,直接拿来用。
要实现的效果如下:
即在“合同起始时间”和“合同期满时间”这两个对应的 input里面都调用到 JS
而这行拿来时的原代码是:
[quote]
<tr>
<td class="tdLabel">日期:</td>
<td class="tdText"><input type="text" id="dateinput" value="请输入日期">
<script type="text/javascript" charset="utf-8">
jQuery(function($){
$("#dateinput").datepicker();
$("#dateinput").setDefaults({showOn: 'both', buttonImageOnly: true, buttonImage: 'images/calendar.gif', buttonText: 'Calendar'});
});
</script>
</td>
</tr>
[/quote]
修改后,将JS代码放到Head部分,给其增加一个input 的变量,代码如下:
[quote]
<script type="text/javascript" charset="utf-8">
jQuery(function($){
$("#dateinput,#dateinput2").datepicker();
$("#dateinput,#dateinput2").setDefaults({showOn: 'both', buttonImageOnly: true, buttonImage: 'images/calendar.gif', buttonText: 'Calendar'});
});
</script>
[/quote]
使用部分的代码:
[quote]
<tr>
<td class="tdLabel">合同起始时间</td>
<td class="tdText"><input type="text" id="dateinput" value="请输入日期" onclick="">
</td>
</tr>
<tr>
<td class="tdLabel">合同期满时间</td>
<td class="tdText"><input type="text" id="dateinput2" value="请输入日期" onclick="">
</td>
</tr>
[/quote]
与ID相对应!