程序员经验分享-hwhale

my97DatePicker日期控件——日期输入框联动，使用focus使第二个输入框没展示出日期控件...

2023-11-13

描述问题场景：

　　1.jquery使用的版本是jquery-1.7.2.min.js

　　2.代码不是写在页面上的，是通过事件后追加的

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script src="js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
 7         <script src="js/My97DatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
 8     </head>
 9     <body>
10         <div class="main">
11             
12         </div>
13         <input type="button" id="ceshi" value="点击" onclick="ceshiClick()"/>
14     </body>
15     <script type="text/javascript">
16         var str = "<input id='d4315' class='time_start Wdate clearInput' type='text' onFocus=\"WdatePicker({maxDate:'#F{$dp.$D(\\'d4316\\')||\\'%y-%M-%d\\'}',onpicked:function(){$('#d4316').focus();}})\"><span>-</span><input id='d4316' class='time_end Wdate clearInput' type='text' onFocus=\"WdatePicker({maxDate:'%y-%M-%d',minDate:'#F{$dp.$D(\\'d4315\\')}'})\">";
17         function ceshiClick(){
18             $('.main').html(str);    
19         }
20     </script>
21 </html>
出现问题源代码
　　复制上述代码运行发现：选择第一个日期输入框值后，第二个输入框获取了焦点，但是它并没有执行第二个输入框的焦点事件，使得日期控件展示出来；但是在官网的描述和介绍中发现写法并没有问题
 
解决过程：
　　此问题是在项目开发中遇到的，便在自己本地开始测试，防止是项目中的别的问题影响，在本地测试发现不管是直接写在页面的文档流中还是后追加进去的都没有问题，唯一的不同之处是我本地测试用的是jquery-1.12.3.min.js版本，测试发现更改了jquery版本解决了此问题 
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script src="jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
 7                 <script src="js/My97DatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
 8     </head>
 9     <body>
10         <div class="main">
11             
12         </div>
13         <input type="button" id="ceshi" value="点击" onclick="ceshiClick()"/>
14     </body>
15     <script type="text/javascript">
16         var str = "<input id='d4315' class='time_start Wdate clearInput' type='text' onFocus=\"WdatePicker({maxDate:'#F{$dp.$D(\\'d4316\\')||\\'%y-%M-%d\\'}',onpicked:function(){$('#d4316').focus();}})\"><span>-</span><input id='d4316' class='time_end Wdate clearInput' type='text' onFocus=\"WdatePicker({maxDate:'%y-%M-%d',minDate:'#F{$dp.$D(\\'d4315\\')}'})\">";
17         function ceshiClick(){
18             $('.main').html(str);    
19         }
20     </script>
21 </html>
jquery1.12版本

　　为了测试问题的真正存在，将第二个输入框中的onFocus的事件改成普通事件，发现它可以正常运行，而改成my97的方法则不行，那么导致此问题的应该是my97的方法吧

解决方法总结：

　　1.如果坚持使用jquery-1.7.2.min.js版本，则在第一个输入框的onpicked事件中，使用原生js实现，即$('#d4316').get(0).focus();

　　2.要么使用高版本的jquery

注：导致此问题出现的真正原因尚未找到
 

转载于:https://www.cnblogs.com/eyunhua/p/5762066.html

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

my97DatePicker日期控件——日期输入框联动，使用focus使第二个输入框没展示出日期控件... 的相关文章

随机推荐

  • CentOS中安装docker-compose

    下载安装包 wget https github com docker compose releases download v2 2 3 docker compose linux x86 64 移动到 usr local bin 目录 mv

  • 【VUE3源码学习】nextTick 实现原理

    什么是nextTick 定义 在下次 DOM 更新循环结束之后执行延迟回调 在修改数据之后立即使用这个方法 获取更新后的 DOM 看完这个定义不免心生疑问 下次 DOM 更新循环结束之后是什么时候 执行延迟回调 更新后的 DOM 基于以上问

  • 使用 MMDETECTION 和 LABEL-STUDIO 进行半自动化目标检测标注

    标注数据是一个费时费力的任务 本文介绍了如何使用 MMDetection 中的 RTMDet 算法联合 Label Studio 软件进行半自动化标注 具体来说 使用 RTMDet 预测图片生成标注 然后使用 Label Studio 进行

  • Istio服务网格详解

    一 架构的发展历史 发展历史时间轴 1 单机小型机时代 第一个计算机网络诞生于1969年 也就是美军的阿帕网 阿帕网能够实现与其它计算机进行联机操作 但是早期仅仅是为了军事目的而服务 2000年初 中国的网民大约890万 很多人都不知道互联

  • Deepin设置接受从Windows的远程桌面连接

    信息化时代 网络越来越普及 电脑越来越多 经常会有使用远程桌面操作多台电脑 PC 服务器 虚拟机 云服务器等等 的情形 例如用远程桌面连接Windows服务器 台式机 Xshell连接Linux服务器 台式机 还有更多的工具 包括QQ远程协

  • 推多米诺

    LeetCode 838 推多米诺 一行中有 N 张多米诺骨牌 我们将每张多米诺骨牌垂直竖立 在开始时 我们同时把一些多米诺骨牌向左或向右推 每过一秒 倒向左边的多米诺骨牌会推动其左侧相邻的多米诺骨牌 同样地 倒向右边的多米诺骨牌也会推动竖

  • Java-对象转型(casting)

    对象转型 casting 一个基类的引用类型变量可以指向其子类的对象 一个基类的引用不可以访问其子类对象新增加的方法 属性 方法 可以使用 引用 变量instanceof类名 来判断该引用型变量所指向的对象是否属于该类或该类的子类 子类的对

  • 线程间通信方式

    参考视频 实现一个场景 三个线程分别交替打印A B C 打印100次 基于synchronized 锁的实现方式 public class test private static Integer num 0 public static vo

  • 玩转Mysql系列 - 第18篇：流程控制语句（高手进阶）

    这是Mysql系列第18篇 环境 mysql5 7 25 cmd命令中进行演示 代码中被 包含的表示可选 符号分开的表示可选其一 上一篇存储过程 自定义函数 对存储过程和自定义函数做了一个简单的介绍 但是如何能够写出复杂的存储过程和函数呢

  • HAproxy的负载均衡与keepalive+haproxy实现高可用

    目录 实验环境 一 内核配置 二 编译安装 编译前先产看内核版本 三 建立配置文件 四 添加为系统服务 五 配置web1 web2 高可用实验环境 一 安装keepalived 二 配置keepalviled 三 配置haproxy 四 验

  • Auto-GPT部署教程

    今天介绍下如何部署Auto GPT 官网已经写的很好了 分享下我的部署过程和踩到的坑 拉取代码 github仓库 GitHub Significant Gravitas Auto GPT An experimental open sourc

  • 新Windows配置C#开发环境(.NET Core)

    新Windows配置C 开发环境 NET Core 平时需要使用C 进行开发 但是又不想下载VS VS的体积太大 电脑跑起来比较吃力 所以直接下载 NET Core来配置C 的开发环境 体积小 而且跟vscode一起使用基本上够用了 下面就

  • python实训 俄罗斯方块 面向对象编程MVC模式

    前端演示 viewtest py from tkinter import from random import import threading from tkinter messagebox import showinfo from tk

  • Weblogic未授权远程代码执行漏洞 (CVE-2023-21839)

    前言 Weblogic 允许远程用户在未经授权的情况下通过IIOP T3进行JNDI lookup 操作 当JDK版本过低或本地存在javaSerializedData时 这可能会导致RCE漏洞 0x00 环境设置 此次实验 我们使用P神的

  • 华为OD机试 - 增强的strstr（Java）

    题目描述 C 语言有一个库函数 char strstr const char haystack const char needle 实现在字符串 haystack 中查找第一次出现字符串 needle 的位置 如果未找到则返回 null 现

  • 【工作记录】MQTT介绍、安装部署及springboot集成@20230912

    背景 近期公司可能会有物联网设备相关项目内容 提前对用到的mqtt协议做预研和初步使用 最初接触到mqtt协议应该是早些年的即时通讯吧 现在已经是物联网设备最热门的协议了 作为记录 也希望能帮助到需要的朋友 MQTT介绍 MQTT 协议规范

  • windows环境下snort的安装

    windows环境下snort的安装 snort 一 windows环境下snort的安装 1 MYSQL安装 2 apache安装 3 php安装 4 配置PHP 5 安装配置adodb 6 安装配置acid 7 安装WinPcap 4

  • 从零实现DevOps(八)：Jenkins结合Docker私服实现远程自动部署

    从零实现DevOps 八 Jenkins结合Docker私服实现远程自动部署 在上一篇文章 从零实现DevOps 七 Jenkins GitLab Docker部署SpringBoot项目 的总结部分 我们提出了一个疑问 就是项目的安全性和

  • 出现AttributeError: type object ‘object‘ has no attribute ‘dtype‘的另一种问题

    首先 出现AttributeError type object object has no attribute dtype 错误 可能是pandas或numpy版本问题 解决办法可见下文 https blog csdn net XYmush

  • my97DatePicker日期控件——日期输入框联动，使用focus使第二个输入框没展示出日期控件...

    描述问题场景 1 jquery使用的版本是jquery 1 7 2 min js 2 代码不是写在页面上的 是通过事件后追加的 1 2 3 4 5 6 7

热门标签