Javascript JQuery日期选择器不工作_Javascript_Jquery_Html_Datepicker

Javascript JQuery日期选择器不工作

javascript jquery html

Javascript JQuery日期选择器不工作,javascript,jquery,html,datepicker,Javascript,Jquery,Html,Datepicker,我正在尝试让一个日期选择器工作，我真的在与我有限的javascript知识作斗争。我一直以此为基础我有以下代码： <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="scripts/date.js"></s

我正在尝试让一个日期选择器工作，我真的在与我有限的javascript知识作斗争。我一直以此为基础

我有以下代码：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>    
<script type="text/javascript" src="scripts/date.js"></script>    
<script type="text/javascript" src="scripts/jquery.datePicker.js"></script>    
<script type="text/javascript" charset="utf-8">    
 $(function()    
 {    
  $('.date-pick').datePicker().val(new Date().asString()).trigger('change');
 });    
</script>


$（函数（）
{    
$（'.date pick'）.datePicker（）.val（new date（）.asString（））.trigger（'change'）；
});

如果您有任何建议，我们将不胜感激。

我希望您的HTML

正文中有这样的输入
标记

：

<input name="date" id="date" class="date-pick" />

我建议您使用标准的开箱即用日期选择器。首先简单地使用您在这里看到的代码，然后根据需要进行调整（一步一步）。所有不同的用例都有大量的示例和良好的文档

我已经尝试了以下配置，并且在我的本地主机上运行良好-

浏览器测试-Mozilla Firefox版本3.6.10

我已经安装了xampp软件包

我正在包括我用于测试的html文件-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>    
<script type="text/javascript" src="date.js"></script>   
<script type="text/javascript" src="jquery.datePicker.js"></script>
<LINK REL=StyleSheet HREF="datePicker.css" TYPE="text/css" MEDIA=screen>    
<script type="text/javascript" charset="utf-8">    
 $(function()    
 {    
  $('.date-pick').datePicker().val(new Date().asString()).trigger('change');
  //$('.date-pick').dpSetEndDate('01/01/2010');
 });    
</script>

</head>
<body>
<input name="oDate" id="oDate" class="date-pick" />
</body>
</html>


无标题文件
$（函数（）
{    
$（'.date pick'）.datePicker（）.val（new date（）.asString（））.trigger（'change'）；
//$（'date pick'）.dpSetEndDate（'01/01/2010'）；
});

请检查浏览器java脚本是否已关闭

您也可以发布html吗？您想做什么？问题是什么？这会在输入框旁边显示“选择日期”，但是当我单击此按钮时，什么都不会发生。你确定没有语法错误或任何会阻止JS运行的东西吗？据我所知。我试过在Firefox（好吧，IceWeasel）中运行它，关闭了noScript，ChromeSorry，但我的帖子中没有提到这一点。编辑以包含此项。您是否已将此项包含在

中？并确保已包含与

名称

属性同名的

id

属性。是的-谢谢，我将尝试这种方式，我无法使用开尔文幸运号。即使它是从教程中复制出来的！这对我不起作用。这是否意味着这是一个配置问题？如果是这样，我需要检查什么配置是否正确？您正在测试哪个操作系统和哪个浏览器？我正在使用debian，并且我已经使用firefox、iceweasel和chrome进行了测试，每次都没有得到任何结果。只需在firefox浏览器中安装firebug（mozilla的插件）。只需在firebug的控制台中检查是否有js错误。在firebug的“脚本”选项卡上，没有该页面的脚本。不再有此代码。最初是通过使用jQueryUIDatePicker修复的，但现在我们使用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>    
<script type="text/javascript" src="date.js"></script>   
<script type="text/javascript" src="jquery.datePicker.js"></script>
<LINK REL=StyleSheet HREF="datePicker.css" TYPE="text/css" MEDIA=screen>    
<script type="text/javascript" charset="utf-8">    
 $(function()    
 {    
  $('.date-pick').datePicker().val(new Date().asString()).trigger('change');
  //$('.date-pick').dpSetEndDate('01/01/2010');
 });    
</script>

</head>
<body>
<input name="oDate" id="oDate" class="date-pick" />
</body>
</html>