从 timepicker jquery 插件的 jsfile 中删除“现在”按钮

Posted 2023-05-07

【中文标题】从 timepicker jquery 插件的 jsfile 中删除“现在”按钮

【英文标题】：Remove 'Now' button from jsfile of timepicker jquery plugin

【发布时间】：2012-01-21 10:38:26

【问题描述】：

有谁知道如何从 jquery timepicker 添加文件中删除“现在”按钮？

我删除了var currentText = 'Now'，此更改删除了文本，但按钮仍然存在，标记为“Today”而不是“Now”。我不需要时间选择器中的这个按钮。

我正在使用 Trent Richardson 的时间选择器。

时间选择器可以在这个网站上看到：click here

js文件可以看这里，click here

【参考方案1】：

“现在”按钮通常会替换“今天”按钮，但如果没有文本，它会使用默认按钮。

在您的 CSS 中，只需将 now 按钮设置为“display: none;”

如果我没记错的话，您可以在 .ui-priority-secondary 中设置它 - 但不确定它是否在其他地方使用.. 玩一玩，但这应该是您的解决方案，仅取决于使用情况。

【参考方案2】：

在这里找到我的答案：

我正在使用 Yii 扩展并将以下站点中的代码添加到我的 css/main.css 文件中。瞧！

https://forum.jquery.com/topic/disable-now-in-timepicker

【讨论】：

是的，就像上面的答案一样，这段代码只是添加了'display：none;'到 CSS。

【参考方案3】：

使用这个 CSS，对我来说很好。

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current 
float:left;
background: #900;
display: none;

【参考方案4】：

要隐藏日历的所有按钮，请将属性showButtonPanel 设置为false

$("#inputDate").datetimepicker(showButtonPanel: false);

【参考方案5】：

.timepicker() 的以下属性解决了我的问题：

minDate: new Date(2080, 1, 1)

只需提供非常长日期，它会自行禁用 now 按钮。

所以最终的代码是：

$('#time-duration-box').timepicker(
    minDate: new Date(2050, 1, 1)
);

【讨论】：

这隐藏了“现在”按钮，但也使得时间选择器无法做任何有用的事情。