Question

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

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

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

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

未捕获的TypeError：无法读取未定义的属性'msie'jquery-ui.min.js：123

$ .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.handle

请给出一个关于datepiceker的简单解释，因为我在这些事情上是一个非常新的。我认为在隐藏和显示div或启动时出现问题。

如果可能，请告诉我正确的启动方式。

Answer 1

这是一个解决方案：

在jQuery的脚本标记之后立即包含 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>

Answer 2

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

<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

请务必阅读official documentation here。

datepicker是如何工作的？

2 个答案: