javascript - 设置按钮的可见性

标签 javascript jquery html css

我正在创建一个网络应用程序,我想在其中使用日期选择器

<script src="js/bootstrap-datetimepicker.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<link rel="stylesheet" href="documents/css/reset.css"/>
<link rel="stylesheet" href="css/BeatPicker.min.css"/>
<link rel="stylesheet" href="documents/css/demos.css"/>
<link rel="stylesheet" href="documents/css/prism.css"/>
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/BeatPicker.min.js"></script>

这些是我从网上下载的脚本和链接

这是我要使用日期选择器的输入字段

<body>
     <input type="text" data-beatpicker="true"/>
</body>

但默认情况下有一个带有文本框的按钮

enter image description here

我使用 css 通过制作 visibility:hidden; 来删除按钮

    <style>
button, input[type="button"] {
    background-color: #D36161;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font: bold 14px arial,serif;
    margin: 3px;
    padding: 4px;
    visibility: hidden;
    width: 72px;
}
</style>

但是当我尝试添加另一个按钮时,由于我放置 visibility:hidden 的样式表,它也被禁用了

这是我的 id 按钮 <button id="butt">close</button>

我是这样编辑样式表的

<style>
.butt{
visibility:visible;
}
</style>

但它仍然没有显示我想要的按钮

我该怎么办?我想禁用带有文本框的按钮,但其他按钮可见

最佳答案

您正在使用名为“BeatPicker”的库。

在乱用 css 之前,您应该阅读文档。

要删除“清除”按钮,您需要将以下属性添加到日期输入

data-beatpicker-module="clear"

这将删除清除按钮

此处提供更多功能:http://act1gmr.github.io/BeatPicker/demos.html

关于javascript - 设置按钮的可见性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40102939/

相关文章:

javascript - JS ClipboardEvent clipboardData 总是空的

javascript - JQuery 无法过滤我所有的依赖选择选项

javascript - 取消选中所有其他复选框

javascript - 如何将 Angular 7 应用程序包含在现有的 html 文件和网站中?

Javascript 在点击时隐藏/显示不起作用

javascript - redactor.js 的脚本不起作用

javascript - 浏览器的上一个或下一个按钮控件

JQuery Accordion : Swap Bootstrap Icons

javascript - Canvas.toBlob() 未下载一些 PNG 和非常高质量的 JPG

html - 如何使各种宽度的图像居中,同时使每个图像的文本 block 都齐平?