0

我正在处理一个需要 jquery 中的 datepicker 的表单。我正在使用普通的 jquery-ui datepicker 库。

现在的问题是它不起作用，另一个问题是我无法向您展示脚本，因为它非常复杂，它有各种显示和隐藏。

现在任何人都可以向我解释 datepicker 是如何工作的，以便我可以解决问题。据我所知，它附加了一个 div，其中包含日历及其结构，并且 hasDatepicker 类附加到设置 datepicker 的 id 上。

还有一件事我在点击文本框时出现错误，错误是 -

未捕获的类型错误：无法读取未定义 jquery-ui.min.js:123 的属性“msie”

$.extend._generateHTML jquery-ui.min.js:123

$.extend._updateDatepicker jquery-ui.min.js:123

$.extend._showDatepicker jquery-ui.min.js:123

b.event.dispatch jquery-1.9.1.min.js:3

v.句柄

请对 datepiceker 做一个简单的解释，因为我对这些东西很陌生。我认为在隐藏和显示 div 或初始化时出了点问题。

如果可能的话，告诉我一个正确的方法来进行初始化。

4

2 回答 2

1

这是一个解决方案：

只需在jQuery的 script 标签之后立即包含jQuery Migrate 插件：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script>
于 2013-04-01T09:02:07.693 回答
1

首先确保您有一个输入标签，如下所示

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

然后初始化 UI 控件如下

$( "#datepicker" ).datepicker();

确保先导入 jQuery 框架，然后再导入 jquery UI 框架。

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

看看这个Live fiddle

请务必阅读此处的官方文档。

于 2013-04-01T09:08:34.293 回答