如何在已经使用引导库的情况下添加jquery ui日期选择器？_Jquery_Html_Jquery Ui_Twitter Bootstrap_Datepicker

如何在已经使用引导库的情况下添加jquery ui日期选择器？

jquery html jquery-ui twitter-bootstrap

如何在已经使用引导库的情况下添加jquery ui日期选择器？,jquery,html,jquery-ui,twitter-bootstrap,datepicker,Jquery,Html,Jquery Ui,Twitter Bootstrap,Datepicker,我正在玩bootstrap，我打算用它在页面上添加一个日期选择器，但没有成功。。因此，我使用查询ui找到了日期选择器的代码：在一个新的html页面中尝试了这一点，效果非常好。然而，我现在想在我正在工作的页面中使用这个，但是不同的脚本和css文件之间似乎存在一些冲突。有办法解决这个问题吗（我已经删除了页面内容，但留下了正在导入的脚本和链接）斯文斯克桥日期：如果我要为日期选择器导入jqueryui的所有文件，它将无法工作 <html lang="en"> <head&

我正在玩bootstrap，我打算用它在页面上添加一个日期选择器，但没有成功。。因此，我使用查询ui找到了日期选择器的代码：

在一个新的html页面中尝试了这一点，效果非常好。然而，我现在想在我正在工作的页面中使用这个，但是不同的脚本和css文件之间似乎存在一些冲突。有办法解决这个问题吗

（我已经删除了页面内容，但留下了正在导入的脚本和链接）


斯文斯克桥
日期：

如果我要为日期选择器导入jqueryui的所有文件，它将无法工作

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Datepicker - Default functionality</title>
  <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>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
</head>
<body>

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


</body>
</html>


jQuery UI日期选择器-默认功能
$（函数（）{
$（“#日期选择器”）.datepicker（）；
});
日期：

总之，我可以在已经存在的文档中实现jQueryUIDatePicker吗？哪些脚本和链接优先

问候,，

比尔

你可以，但我个人的偏好是添加一个引导式的日期选择器。我一直在用这个，非常棒

这里的优点是，您实际上不需要为此包含jQuery UI库。

我使用的是带jQuery UI datepicker的引导，问题一定是导入内容的顺序。这是我点的菜：

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.2.custom.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<link type="text/css" href="css/jquery-ui-1.10.2.custom.css" rel="stylesheet" />
<link type="text/css" href="css/bootstrap.css" rel="stylesheet" />

是的，只需在顶部包含css，然后在jQuery之后的底部包含jQuery UI.js为什么不使用已经对引导友好的东西？除非有使用特定jquery-one的要求，否则我会推荐类似的东西，它的工作原理与您正在使用的非常相似。当用户使用他们的changeDate和onRender事件更改日期时，您可以触发任何必要的逻辑。Kevin:不，这不起作用。对jstx：我试图实现eyecon，但我不知道如何实现！非常令人沮丧。我不知道我做错了什么…也许这有帮助，这正是我一开始想补充的，但我不知道如何=/你能给我一个JSFIDLE的例子吗，那将是非常感激的！看看那个页面上的代码示例，我制作的任何JS提琴都只是该代码的复制/粘贴。这是一个完美的解决方案。几天来，我一直在试图弄明白为什么我不能使用JQuery的日期选择器而不是引导。这正是我要找的！人们问为什么？总之，JQuery的开箱即用看起来更好，而且配置更简单。谢谢你，基尔。改用引导日期选择器。

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.2.custom.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<link type="text/css" href="css/jquery-ui-1.10.2.custom.css" rel="stylesheet" />
<link type="text/css" href="css/bootstrap.css" rel="stylesheet" />