设置点击文本框或图片弹出日历控件的实现代码
2016-05-12 00:00
639 查看
<input id="startDate" value="" readonly="true" type="text" style="cursor: pointer" class="user_datepicker "> <input class="canlderImg" data-tag="start" type="image" src="../../i/canlder1.png"> <span>结束:</span> <input id="endDate" value="" readonly="true" type="text" style="cursor:pointer;" class="user_datepicker"> <input class="canlderImg" data-tag="end" type="image" src="../../i/canlder1.png" >
// js代码
$("#startDate").datepicker(); $("#endDate").datepicker(); //点击图片弹出日历控件则需要给图片绑定点击事件 $(.canlderImg).on("click",function(e){ var tag=$(e.target).attr("data-tag"); if(tag=="start"){ $("#startDate").datepicker( "show" ); }else if(tag=="end"){ $("#endDate").datepicker( "show" ); } });
以上这篇设置点击文本框或图片弹出日历控件的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章推荐
- 按右键另存图片只能存BMP
- photoshop去除图片上的水印
- 让FLEX日历控件成中文显示的方法
- jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
- css文本框与按钮美化效果代码
- upload上传单张图片
- 图片引发的溢出危机(图)
- CSS小例子(只显示下划线的文本框,像文字一样的按钮)
- 点击按钮后 文本框变为Select下拉列表框
- JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子
- C#实现把彩色图片灰度化代码分享
- C#将图片和字节流互相转换并显示到页面上
- C#判断多个文本框是否为空的方法
- C#监控文件夹并自动给图片文件打水印的方法
- css样式之区分input是按钮还是文本框的方法第1/4页
- 纯CSS实现的当鼠标移上图片添加阴影效果代码
- 如何使用C#从word文档中提取图片
- C#实现打开画图的同时载入图片、最大化显示画图窗体的方法
- C#图片添加水印的实现代码
- 随鼠标移动的图片或文字特效代码