Question

我正在使用带有图标的日期选择器（小日历）。当我用鼠标将鼠标悬停在它上面然后点击它以获得日期选择器日历时，在所有浏览器中出现一个带有椭圆的恼人的小浅灰色框（工具提示？）。它很丑！我怎么摆脱它？我在this demo pagefor the plug-in上看到了，所以这不仅仅是我的代码。它必须是默认值，因为我没有在任何地方设置它，也看不到在哪里设置或重置它。（我正在使用php。）如何将其关闭或用有意义的东西替换椭圆？

HTML

<p><input type='text' id='CO' class="date-pick" name='CO'>

JQuery的

    $(function() {
        //set your date picker
            $("#CO").datepicker({
            dateFormat: 'mm/dd/yy',
            changeMonth: true,
            changeYear: true,
            showOn: "both",
            buttonImage: "css/images/calendar-green.gif",
            buttonImageOnly: true,
            buttonImageText: "Calendar"
                    });
              });

Answer 1

我终于弄明白了。它在jQuery Datepicker Options的选项下进行了描述。该选项名为buttonText。在我的代码中，我有按钮 Image Text。错误！

要在工具提示中显示“日历”，该选项应为：

buttonText: "Calendar"

要摆脱工具提示，选项应为：

buttonText: ""

完整代码如下：

<强> JQuery的

    $(function() {
        //set your date picker
            $("#CO").datepicker({
            dateFormat: 'mm/dd/yy',
            changeMonth: true,
            changeYear: true,
            showOn: "both",
            buttonImage: "css/images/calendar-green.gif",
            buttonImageOnly: true,
            buttonText: ""
                });
           });

Answer 2

我认为您只需删除该触发器的alt,title属性，或者您可以使用相关信息替换现有的alt,title。

jQuery datepicker - 当鼠标悬停在小日历图标上时如何关闭椭圆工具提示

2 个答案: