设置点击文本框或图片弹出日历控件

<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" );}
});
时间: 2024-07-29 08:01:31

设置点击文本框或图片弹出日历控件的相关文章

Anroid关于fragment控件设置长按事件无法弹出Popupwindows控件问题解决记录

一.问题描述 ????记录一下最近在安卓的gragment控件中设置长按事件遇见的一个坑!!! ????在正常的activity中整个活动中设置长按事件我通常实例化根部局,例如LinearLayout longSetting = (LinearLayout) view.findViewById(R.id.testlong);,然后对变量longSetting调用setOnLongClickListener函数实现注册长按事件,但是在一个fragment控件中如此设置长按无法弹出popupwind

ios Simulator运行中 ,点击文本框不能自动弹出keyboards的问题

运行新做的计算器App的时候有个小问题,点击文本框不能在模拟器下方自动弹出来键盘,只能通过电脑的键盘输入数字 解决方法如下: 打开模拟器,在最上面的菜单栏中,选择hardware,然后选择keyboards,有三个选项, 依次都勾选就行了.(注意:第三个选项在点击之后,实际已勾上了,但显示未勾上,但实际已经奏效了,这可能是xcode6的一个显示上的bug)

iOS不得姐项目--登录模块的布局,设置文本框占位文字颜色,自定义内部控件竖直排列的按钮

一.登录模块的布局 将一整部分切割成若干部分来完成,如图分成了三部分来完成 设置顶部状态栏为白色的方法 二.设置文本框占位文字颜色 <1>方法一与方法二实现原理是同一种,都是通过设置placeholder的NSAttributeString来设置文字属性 方法二效果图: <2>第三种方法是通过RunTime找到隐藏的可以设置placeholder颜色的属性,通过KVC来赋值.RunTime会单独拿出来讲 三.按钮自定义,重新排列子控件的排列位置

Qml 写的弹出层控件(13篇博客)

QML弹出窗口组件,灯箱效果.动画效果,可拖拽 核心思路:一个mask层,一个最顶层,都用rectangle,禁止事件穿透 使用 Popup { id: popup width: 200; height: 300 x: 200; y:100 z: 101 opacity: 0.8 visible: false; radius: 5 ... } popup.showMask = chk.checked; popup.animationType = 'size'; popup.show(); 注意

React native 无法弹出调试控件的问题

React Native 在debug模式下,可以通过摇动手机,弹出调试选项.但是今天利用了cocoapods 把react native 文件整理后,调试界面就弹不出了,其他功能正常.查了好久,发现是少在pods的 spec里写了DevSupport 这个模块. 下面发一份pods 的 spec 文件作为参考: # Uncomment the next line to define a global platform for your project platform :ios, '8.0'

Qml 写的弹出层控件

QML弹出窗口组件,灯箱效果.动画效果,可拖拽 核心思路:一个mask层,一个最顶层,都用rectangle,禁止事件穿透 使用 Popup { id: popup width: 200; height: 300 x: 200; y:100 z: 101 opacity: 0.8 visible: false; radius: 5 ... } popup.showMask = chk.checked; popup.animationType = 'size'; popup.show(); 注意

点击文本框弹出可供选择的checkbox复选框代码实例

点击文本框弹出可供选择的checkbox复选框代码实例:本章节分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解和扩展.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author&qu

点击文本框时怎样让手机输入法(键盘)不弹出

可以将文本框设置为只读, 添加属性readonly="readonly",这样可以阻止输入时就不会跳出键盘,同时可以给文本框添加一个点击事件οnclick="openClendar()",弹出选项(如:APPCAN 日历插件),选中需要的内容之后可以将值直接赋给文本框呈现:document.getElementById('time').value = string; 例子输入框:<input placeholder="选择结束日期"   i

原生js日期时间插件鼠标点击文本框弹出日期时间表格选择日期时间

原文出处 (这是我从互联网上搜来的,感觉能满足各方面的需求.个人感觉挺不错的,所以后期修改了一下向大家推荐!) 效果图: html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org