日期选择器不工作
Posted
技术标签:
【中文标题】日期选择器不工作【英文标题】：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 中得到解答。 ***.com/questions/23232897/… jsfiddle.net/punit1108/X9RZF 在 Chrome 中也对我不起作用，即使我将 JQuery 添加为加载的脚本。不过，Chrome 确实会呈现“日期”输入字段。 它对我有用，我有 chrome 35.0.1916.114 m。 【参考方案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/
【讨论】：
以上是关于日期选择器不工作的主要内容，如果未能解决你的问题，请参考以下文章