现在的位置: 首页 > 综合 > 正文

inputtex框中用JavaScript的日历提示,多处调用

2013年10月21日 ⁄ 综合 ⁄ 共 1393字 ⁄ 字号 评论关闭

同事问了我这个问题,把我搞蒙了。那就是文本框中多处调用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相对应!

 

抱歉!评论已关闭.