设置点击文本框或图片弹出日历控件的实现代码


Posted in Javascript onMay 12, 2016
<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" );
}

});

以上这篇设置点击文本框或图片弹出日历控件的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript:window.open弹出窗口的位置问题
Mar 18 Javascript
简单了解JavaScript操作XPath的一些基本方法
Jun 03 Javascript
AngularJS 与Bootstrap实现表格分页实例代码
Oct 14 Javascript
AngularJS辅助库browserTrigger用法示例
Nov 03 Javascript
JavaScript获取ul中li个数的方法
Feb 13 Javascript
RequireJs的使用详解
Feb 19 Javascript
Bootstrap响应式导航由768px变成992px的实现代码
Jun 15 Javascript
微信小程序 同步请求授权的详解
Aug 04 Javascript
JS/jQuery实现简单的开关灯效果【案例】
Feb 19 jQuery
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
Oct 29 Javascript
JavaScript内置对象之Array的使用小结
May 12 Javascript
微信小程序弹窗禁止页面滚动的实现代码
Dec 30 Javascript
Bootstrap3制作图片轮播效果
May 12 #Javascript
JS创建事件的三种方法(实例代码)
May 12 #Javascript
jQuery判断checkbox选中状态
May 12 #Javascript
Bootstrap3制作自己的导航栏
May 12 #Javascript
基于Bootstrap重置输入框内容按钮插件
May 12 #Javascript
jquery ajax局部加载方法详解(实现代码)
May 12 #Javascript
分享12个非常实用的JavaScript小技巧
May 11 #Javascript
You might like
简单的过滤字符串中的HTML标记
2006/12/25 PHP
How do I change MySQL timezone?
2008/03/26 PHP
php中数组最简单的使用方法
2020/12/27 PHP
接收键盘指令的脚本
2006/06/26 Javascript
jQuery AJAX回调函数this指向问题
2010/02/08 Javascript
jquery 漂亮的删除确认和提交无刷新删除示例
2013/11/13 Javascript
JavaScript数组前面插入元素的方法
2015/04/06 Javascript
javascript实现删除前弹出确认框
2015/06/04 Javascript
基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
2015/12/28 Javascript
jQuery树形控件zTree使用小结
2016/08/02 Javascript
jquery+css3问卷答题卡翻页动画效果示例
2016/10/26 Javascript
Node.js 中exports 和 module.exports 的区别
2017/03/14 Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
2017/06/08 Javascript
jQuery实现table表格信息的展开和缩小功能示例
2018/07/21 jQuery
vue集成openlayers加载geojson并实现点击弹窗教程
2020/09/24 Javascript
详解阿里Node.js技术文档之process模块学习指南
2021/01/04 Javascript
python pickle 和 shelve模块的用法
2013/09/16 Python
Python基本数据类型详细介绍
2014/03/11 Python
10种检测Python程序运行时间、CPU和内存占用的方法
2015/04/01 Python
python获取mp3文件信息的方法
2015/06/15 Python
python3 发送任意文件邮件的实例
2018/01/23 Python
python统计多维数组的行数和列数实例
2018/06/23 Python
在python中利用opencv简单做图片比对的方法
2019/01/24 Python
Python关于__name__属性的含义和作用详解
2020/02/19 Python
keras和tensorflow使用fit_generator 批次训练操作
2020/07/03 Python
python搜索算法原理及实例讲解
2020/11/18 Python
HTML5 video标签(播放器)学习笔记(一):使用入门
2015/04/24 HTML / CSS
美国户外运动商店:Sun & Ski
2018/08/23 全球购物
英国最大的割草机购买网站:Just Lawnmowers
2019/11/02 全球购物
调查研究项目计划书
2014/04/29 职场文书
大班上学期幼儿评语
2014/04/30 职场文书
团日活动总结书
2014/05/08 职场文书
关于运动会的广播稿
2014/09/22 职场文书
2014年基层党支部工作总结
2014/12/04 职场文书
关于办理居住证的介绍信模板
2019/11/27 职场文书
如何vue使用el-table遍历循环表头和表体数据
2022/04/26 Vue.js