为了账号安全,请及时绑定邮箱和手机立即绑定

Javascript动态下拉菜单我也可以在按钮中看到它

Javascript动态下拉菜单我也可以在按钮中看到它

慕虎7371278 2023-09-25 17:03:38
我正在动态创建开始和结束时间下拉字段。我的应用程序中还有一个删除链接字段。但是当我使用“tab”键时,我也可以看到删除按钮中的下拉菜单。我应该如何避免删除按钮中的下拉菜单。我应该如何摆脱删除按钮中的时间选择器下拉菜单我的脚本是<html><head>    <meta charset="utf-8">    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">    <link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"        id="bootstrap-css">    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>    <script src="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>    </head>    <body>        <div>            <input class="btn btn-link" onclick="addtextbox()" type="button" value="Add">        </div>        <div id="ToolsGroup">        </div>    </div><script>    var count = 0;    function addtextbox() {        var newTextBoxDiv = document.createElement('div');        newTextBoxDiv.id = 'Tools';        document.getElementById("ToolsGroup").appendChild(newTextBoxDiv);   });    };我尝试提供 ("#form -group").timpicker 而不是 ("#tools input").timepicker ,但这不起作用。我尝试将删除按钮类更改为“btn btn-link”。但这不起作用。我应该怎么做?如果我使用鼠标,我在“删除”按钮中看不到时间下拉菜单。如果我使用选项卡,我会看到下拉菜单。有人可以帮我摆脱删除按钮中的下拉菜单吗?
查看完整描述

1 回答

?
米脂

TA贡献1836条经验 获得超3个赞

只需明确定义时间的输入类型就可以了


$('#Tools input[type=time]').timepicker({

   timeFormat: 'HH:mm',

   interval: 30,

   use24hours: true,

   scrollbar: true,

});


查看完整回答
反对 回复 2023-09-25
  • 1 回答
  • 0 关注
  • 43 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信