【问题标题】:JQuery UI - Can't get datepicker to work [duplicate]JQuery UI - 无法让日期选择器工作[重复]
【发布时间】:2013-10-13 12:03:27
【问题描述】:

这个问题很简单。我已正确包含所有内容,但日期选择器不会出现。我在我的 html 头标签中添加了脚本:

<script type="text/javascript" src="<?php echo site_url('js/jquery-1.10.2.min.js'); ?>"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<link rel="stylesheet" href="<?php echo site_url('css/jquery.ui.core.css'); ?>">
<link rel="stylesheet" href="<?php echo site_url('css/jquery.ui.datepicker.css'); ?>">

比日期选择器代码...

<input type="text" name="date" id="date">
<script type="text/javascript">
    $(document).ready(function() {
        $( "#date" ).datepicker({ dateFormat: "yy-m-d" });  
    });
</script>

就是这样。该文本输入中没有日期选择器或任何内容。也没有错误... :(

【问题讨论】:

  • 你加载了jQuery UI的css文件了吗?
  • 用于UI库创建的样式元素。没有它,你应该自己设计元素,疯了。
  • 我去过那里,阅读它 - 没有解决我的问题。

标签: javascript jquery datepicker


【解决方案1】:

在 jquery ui 之前包含 jquery。

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

工作代码

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/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.3/jquery-ui.js"></script>
<script>
$(function() {
   $( "#date" ).datepicker();
 });
</script>

日期:

【讨论】:

  • 这很合乎逻辑。我编辑了我的问题,这样会更清楚。
  • 你的代码 sn-p 救了我的命。但我不知道做错了什么。
  • 我很高兴。它有帮助:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-10-29
  • 1970-01-01
  • 2012-09-22
  • 2011-07-14
  • 1970-01-01
相关资源
最近更新 更多