相关疑难解决方法(0)

Chrome类型="日期"和jquery ui日期选择器冲突

我有一个输入框,其类型为"日期",在IE中一切正常,但在最新版本的Chrome中,它带有一个微调器,向下箭头和占位符为mm/dd/yyyy.

在Chrome中,点击该字段Chrome会打开一个日期选择器,我已经为我的应用程序使用映射了jquery ui的datepicker.这两者都在冲突,如下所示:

在此输入图像描述

RED在chrome日期选择器下面显示jquery ui日期选择器

我已经应用了如下修复:

input[type="date"]::-webkit-calendar-picker-indicator{
    display:none;
    -webkit-appearance: none;
    margin: 0;
}
input[type="date"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
}
/** THIS DOESN'T WORK **/
input[type="date"]::-webkit-input-placeholder{
    display:none !important;
    -webkit-appearance: none !important;
        visibility: hidden !important;
}
/** THIS DOESN'T WORK **/
Run Code Online (Sandbox Code Playgroud)

添加上面的代码后,看起来很明智:

在此输入图像描述

上面的代码隐藏了激活Chrome日期选择器的微调器和箭头.但是有一个问题,占位符('mm/dd/yyyy')仍然存在于输入文本框中; 我的jquery ui的日期选择器很好,但是当我选择任何日期时,占位符仍在那里.

该输入框中没有设置任何值.

需要知道如何删除该占位符以设置值; 我用于该应用程序的日期格式也是yyyy/mm/dd.

Chrome版本为:版本27.0.1448.0

提前致谢!!!

jquery google-chrome jquery-ui date datepicker

13
推荐指数
3
解决办法
3万
查看次数

JS/jQuery TypeError:jQuery(...).datepicker不是函数

我一直在摸不着头两天,很确定我只是错过了一些简单的东西,但我不能为我的生活弄清楚为什么它不起作用.

我正在尝试使用下面的WordPress网站上的脚本来禁用ContactForm7表单中的datepicker字段中的特定日期.

我可以使用相同的id在一个简单的输入字段中加载jsfiddle中的脚本并且它完美地运行...但是当我将它添加到我的站点时,日期不会被禁用,并且JS错误控制台中出现错误,说" jQuery(...).datepicker不是一个函数"

我已经将它添加到我的header.php文件中,就在wp_head()电话下方和</head>标签上方.我已经为我的datepicker字段分配dpick了脚本使用的id .

我读的是使用时,这个错误的常见原因$符号,因为它可以在WordPress等jQuery的脚本......冲突所以他们建议更换$jQuery替代(这是我在下面的脚本已经做了)......但我仍然得到错误

var unavailableDates = ["1-9-2013", "2-9-2013", "3-9-2013", "4-9-2013", "5-9-2013"];

    function unavailable(date) {
            dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
            if (jQuery.inArray(dmy, unavailableDates) == -1) {
                return [true, ""];
            } else {
                return [false, "", "Unavailable"];
        }
    }

        jQuery(function() {
            jQuery( '#dpick' ).datepicker({
                dateFormat: 'dd MM yy',
                beforeShowDay: unavailable
        });

    });
Run Code Online (Sandbox Code Playgroud)

不能感谢你足够的任何帮助你可以提供...这似乎是一件很简单的事情,但我似乎无法绕过它!

javascript wordpress jquery jquery-ui datepicker

13
推荐指数
3
解决办法
7万
查看次数