相关疑难解决方法(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万
查看次数

Jquery UI日期选择器设置默认日期

我使用jQuery UI for datepicker我想在字段中显示当前日期作为默认以下是我的代码请帮助

    <script>
        $(function() {
         $( "#datepicker" ).datepicker({
        dateFormat: 'dd-mm-yy',
        currentText: "Now"
         });

        $( "#datepicker2" ).datepicker({
        dateFormat: 'dd-mm-yy',
        currentText: "Now"
        });

    });
        </script>

From Date: <input type='text' id='datepicker' name='date_from' />
To Date:   <input type='text' id='datepicker2' name='date_to' />
Run Code Online (Sandbox Code Playgroud)

但我无法设置默认日期

php jquery jquery-ui

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

jquery ×2

jquery-ui ×2

date ×1

datepicker ×1

google-chrome ×1

php ×1