我正在动态创建开始和结束时间下拉字段。我的应用程序中还有一个删除链接字段。但是当我使用“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,
});
- 1 回答
- 0 关注
- 68 浏览
添加回答
举报
0/150
提交
取消