Jquery ui jQuery日期选择器不在Chrome上工作

我有一个jQuery UI日历，如下所示，它只在IE上工作，不在Chrome上工作：

<input type="image" src="/images/caleder.jpg" id="btnCalendar" />

<script type="text/javascript">
$(function () {
    $("#btnPeriodCal").datepicker();
});
</script>

$（函数（）{
$（“#btnPeriodCal”）.datepicker（）；
});

如果我更改

type=“text”

，它似乎会起作用。有人能帮我解决上述问题吗。我不能使用

type=“text”

，因为我需要显示图像

---

谢谢。

除非我错了，只有div标签、span标签等。。可以是日期选择器。

您可以使用处理程序：

<script>
$(function() {
    $( "#datepicker" ).datepicker({
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true
    });
});
</script>

$（函数（）{
$（“#日期选择器”）。日期选择器({
展示：“按钮”，
buttonImage:“images/calendar.gif”，
buttonImageOnly:true
});
});

希望这能奏效！：）

将其用作-

<p>Date: <input type="text" id="datepicker"></p>

$(function() {
    $( "#datepicker" ).datepicker({
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true
    });
});

日期：

$（函数（）{
$（“#日期选择器”）。日期选择器({
展示：“按钮”，
buttonImage:“images/calendar.gif”，
buttonImageOnly:true
});
});

在行动中检查它-

不要忘记将这些文件包含在

标记中

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" type="text/css" media="all" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js">

---

我也有同样的问题。我想为什么输入可以工作，但按钮不能。诀窍在于，当点击按钮时，输入会获得焦点，而按钮不会。试试这个：

$(function () {
    $("#btnPeriodCal").datepicker().click(function () { $(this).focus(); });
});

---

我有一个日期选择器的样本问题

我使用了日期选择器，它在Firefox和IE中运行良好，但在chrome中却不行。单击输入字段时可以看到日历。我选择了日期，但未在输入字段中输入日期值

我没有选择权，所以我更改了

type='text'

，然后它在chrome中工作

---

我也遇到了类似的问题：我希望我的日期选择器在单击链接时出现，并且没有字段（或者说是隐藏字段）。（我的用例是使用日历上的日期来查找日期选择器选择之前的日期范围，因此我不需要实际的日期值，只需要将其传递给onSelect处理程序即可。）

所以这在Firefox中起作用：

<a ...>click for calendar:   <input type="hidden" value="" />  </a>

单击日历：

但不是镀铬的。替换为：

<input type="text" value="" style="display: none" />

也失败了。我的结局是：

<input  type="text" value="" style="width: 0px; height: 0px; border: none; position: absolute; top: 0; left: 0" />

---

虽然我并不为此感到骄傲

我花了3个小时试图解决这个问题，这就是我解决问题的方法

使用以下行作为库

    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script  type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script  type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js"></script>

---

请记住删除所有以前的库等

使用

按钮图像

属性。看看我的答案。：）没有工作，我应该保持这行，因为它是或更改为注意我必须能够显示日历图标供用户点击。是的，这就是它的作用。将有一个带有您指定图标的文本框。查看此示例：数据采集器是否必须具有关联的文本框？是！这是jQueryUIDP的基本要求。你想联系什么？Naveen谢谢你的反馈正因为如此我检查了我朋友的作品。他还使用了日历上没有关闭按钮的日期选择器。我更改了他的代码，输入了最新的类型，并在chrome中进行了检查。它可以工作。在字段中输入日期值。我们都从网上下载了日期选择器。可能有一些不同。但是，如果我只将type设置为text，我就会得到这些值。我对此没有问题，因为我对我的日期值进行了Javascript和PHP验证。但是帖子被标记为jquery ui datepicker…：）是的，这篇文章是jQueryUIDatePicker.事实上我对ui和所有东西都不了解..我也有同样的问题，在互联网上搜索找到了这篇文章。但是这篇文章和我的问题有一些共同的问题。我想如果我分享我的经验会对别人有所帮助。。

$(function() {
    $("#date_of_birth_date").datepicker({ 
        maxDate: '+0', changeYear: true, yearRange: "-70:+0" 
    });
});