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


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 相关文章推荐
js 操作符实例代码
Oct 24 Javascript
javascript 二分法(数组array)
Apr 24 Javascript
利用json获取字符出现次数的代码
Mar 22 Javascript
IE6-IE9不支持table.innerHTML的解决方法分享
Sep 14 Javascript
调试JavaScript中正则表达式中遇到的问题
Jan 27 Javascript
ionic开发中点击input时键盘自动弹出
Dec 23 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
Aug 24 Javascript
Vue进度条progressbar组件功能
Apr 17 Javascript
JavaScript引用类型Function实例详解
Aug 09 Javascript
LayUI表格批量删除方法
Aug 15 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
May 09 Javascript
原生JS实现分页
Apr 19 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
随机广告显示(PHP函数)
2006/10/09 PHP
PHP中上传多个文件的表单设计例子
2014/11/19 PHP
PHP连接MSSQL方法汇总
2016/02/05 PHP
php实现的简单中文验证码功能示例
2017/01/03 PHP
详解PHP实现支付宝小程序用户授权的工具类
2018/12/25 PHP
Javascript数组的排序 sort()方法和reverse()方法
2012/06/04 Javascript
Jquery 获取对象的几种方式介绍
2014/01/17 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
2014/04/11 Javascript
jQuery源码解读之removeClass()方法分析
2015/02/20 Javascript
Js与Jq获取浏览器和对象值的方法
2016/03/18 Javascript
分享jQuery网页元素拖拽插件
2020/12/01 Javascript
jQuery实现简单的抽奖游戏
2017/05/05 jQuery
微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
2017/12/12 Javascript
vue 将页面公用的头部组件化的方法
2017/12/18 Javascript
js变量声明var使用与不使用的区别详解
2019/01/21 Javascript
vue使用element-ui实现表单验证
2020/12/13 Vue.js
[02:04]2020年夜魇暗潮预告片
2020/10/30 DOTA
Python读取sqlite数据库文件的方法分析
2017/08/07 Python
Python实现mysql数据库更新表数据接口的功能
2017/11/19 Python
python中map的基本用法示例
2018/09/10 Python
详解Python3 定义一个跨越多行的字符串的多种方法
2020/09/06 Python
伦敦剧院门票:London Theatre Direct
2018/11/21 全球购物
捷克移动配件网上商店:ProMobily.cz
2019/03/15 全球购物
英国最大的户外商店:Go Outdoors
2019/04/17 全球购物
美国主要的特色咖啡和茶公司:Peet’s Coffee
2020/02/14 全球购物
策划主管的工作职责
2013/11/24 职场文书
集团薪酬管理制度
2014/01/13 职场文书
中学生校园广播稿
2014/01/16 职场文书
自荐书范文范例
2014/02/13 职场文书
红领巾广播站广播稿(3篇)
2014/09/20 职场文书
2014年学生会主席工作总结
2014/11/07 职场文书
2014年招商工作总结
2014/11/22 职场文书
写给媳妇的检讨书
2015/05/06 职场文书
法制主题班会教案
2015/08/13 职场文书
2016年母亲节寄语
2015/12/04 职场文书
2016年主题党日活动总结
2016/04/05 职场文书