日期选择器不工作答案

【问题标题】：Datepicker not working日期选择器不工作
【发布时间】：2014-07-21 14:10:51
【问题描述】：

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="jquery-ui.css">
<script type="text/javascript" src="jq.js"></script>
<script src="jquery-ui.js"></script>
</head>
<body>
<form method="post" name="suform" onsubmit="return validator()" action="register.php">
Date of Birth <input name="dob" type="date" id="datepicker" placeholder="mm/dd/yyyy">
</form>
</body>

在 .js 文件中

$(function() {$( "#datepicker" ).datepicker();});

日期选择器在 Firefox 和 Internet Explorer 或 chrome 中不起作用

JSFiddle

【问题讨论】：

你能创建 JSFiddle 吗？
我认为您的问题已经在 SO 中得到解答。 stackoverflow.com/questions/23232897/…
jsfiddle.net/punit1108/X9RZF
在 Chrome 中也对我不起作用，即使我将 JQuery 添加为加载的脚本。不过，Chrome 确实会呈现“日期”输入字段。
它对我有用，我有 chrome 35.0.1916.114 m。

标签： javascript jquery html jquery-ui datepicker

【解决方案1】：

您的 JSFiddle 有几个问题。对于初学者，您的jquery-1.10.2.js 外部资源路径以" 开头，在尝试加载jQuery 时会导致404。但是，这可能不是您在 JSFiddle 之外遇到的问题。

您的主要问题是您的 HTML 无效。您的 datepicker 元素有两个 id 属性，fname 和 datepicker。一个 HTML 元素只能有一个 id。只需删除您在上面已经使用的fname id 即可解决您的问题。

替换：

<input name="dob" id="fname" type="date" id="datepicker" placeholder="mm/dd/yyyy">

与：

<input name="dob" id="datepicker" type="date"  placeholder="mm/dd/yyyy">

Working JSFiddle

【讨论】：

【解决方案2】：

有两个 id 分配给同一个无效的输入元素。删除 id="fname" 并尝试。

【讨论】：

【解决方案3】：

把出生日期改成这个：

Date of Birth <input name="dob" type="text" placeholder="mm/dd/YY" id="datepicker">

http://jsfiddle.net/X9RZF/9/

【讨论】：