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


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 相关文章推荐
IE和Firefox在JavaScript应用中的兼容性探讨
Apr 01 Javascript
JavaScript 面向对象编程(1) 基础
May 18 Javascript
简单的代码实现jquery定时器
Jan 03 Javascript
JavaScript的null和undefined区别示例介绍
Sep 15 Javascript
jquery获取多个checkbox的值异步提交给php
Jul 07 Javascript
javascript数组去重的六种方法汇总
Aug 16 Javascript
跟我学习javascript的闭包
Nov 16 Javascript
Javascript闭包实例详解
Nov 29 Javascript
JavaScript实现类似淘宝的购物车效果
Mar 16 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
Apr 26 Javascript
r.js来合并压缩css文件的示例
Apr 26 Javascript
微信域名检测接口调用演示步骤(含PHP、Python)
Dec 08 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 intval的测试代码发现问题
2008/07/27 PHP
phpmyadmin中禁止外网使用的方法
2014/11/04 PHP
php树型类实例
2014/12/05 PHP
PHP判断是否连接上网络的方法
2015/07/01 PHP
PHP实现动态压缩js与css文件的方法
2018/05/02 PHP
laravel 修改.htaccess文件 重定向public的解决方法
2019/10/12 PHP
JavaScript中的Location地址对象
2008/01/16 Javascript
js本身的局限性 别让javascript做太多事
2010/03/23 Javascript
JSQL  一个 web DB 的封装
2010/05/05 Javascript
JavaScript对数字的判断与处理实例分析
2015/02/02 Javascript
情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
2015/08/21 Javascript
JQuery datepicker 用法详解
2015/12/25 Javascript
JavaScript Math 对象常用方法总结
2016/04/28 Javascript
轻松玩转BootstrapTable(后端使用SpringMVC+Hibernate)
2017/09/06 Javascript
vue+socket.io+express+mongodb 实现简易多房间在线群聊示例
2017/10/21 Javascript
vue项目如何刷新当前页面的方法
2018/05/18 Javascript
Angular angular-file-upload文件上传的示例代码
2018/08/23 Javascript
Vue 重置组件到初始状态的方法示例
2018/10/10 Javascript
Angular脚手架开发的实现步骤
2019/04/09 Javascript
Webpack3+React16代码分割的实现
2021/03/03 Javascript
[04:29]2014DOTA2国际邀请赛 主赛事第三日TOPPLAY
2014/07/21 DOTA
Python求导数的方法
2015/05/09 Python
Python实现字典按照value进行排序的方法分析
2017/12/23 Python
Python3用tkinter和PIL实现看图工具
2018/06/21 Python
Python OpenCV处理图像之滤镜和图像运算
2018/07/10 Python
用于业余项目的8个优秀Python库
2018/09/21 Python
Python 一句话生成字母表的方法
2019/01/02 Python
学习Python爬虫的几点建议
2020/08/05 Python
HTML5实现QQ聊天气泡效果
2017/06/26 HTML / CSS
好人好事事迹材料
2014/02/12 职场文书
房屋买卖委托公证书
2014/04/08 职场文书
《凡卡》教学反思
2014/04/09 职场文书
会计学自荐信
2014/06/03 职场文书
优秀党员自我评价范文
2014/09/15 职场文书
2014年音乐教师工作总结
2014/12/03 职场文书
开除通知书范本
2015/04/25 职场文书