Javascript HTML/JS-引导数据采集器

在过去，我构建的系统都使用jQuery日期选择器，它工作得非常好。最近，我决定在我的设计中使用twitter引导，很快就知道它不喜欢jqueryui

我现在正在努力工作

我看过所有类似的问题及其解决方案，但似乎找不到任何直接适用于我的情况

JavaScript：

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel="icon" type="image/ico" href="../images/favicon.ico">
<script type="text/javascript" src="js/tinybox.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="js/bootstrap-datepicker.js"></script>

<script>
    $('#date').datepicker();
    function delete(id)  
        {
        var r=confirm("Are you sure you want to delete?")
            if (r==true)
            {
                location.href = "delete.php?id=" + id;
            }
        }
    function single(id)
        {
            TINY.box.show({iframe:'../view.php?id=' + id,boxid:'frameless',width:550,height:170,fixed:false,maskid:'bluemask',maskopacity:40,closejs:function(){closeJS()}})
        }
</script>

---

好像这不起作用：

$(function() {
   $("#date").datepicker({dateFormat: 'dd-mm-yyyy'});
});

然后，您似乎必须先加载jQuery库，然后再加载其他库：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/tinybox.js"></script>
<script src="js/bootstrap-datepicker.js"></script>

---

在

jquery

之后加载

tinybox

，并检查您是否下载了

datepicker

和

tinybox

jslike

否则就试试这个

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://sandbox.scriptiny.com/tinybox2/tinybox.js"></script>
<script src="http://www.eyecon.ro/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script>
$(function() {
   $("#date").datepicker({dateFormat: 'dd-mm-yyyy'});
});
</script>

$（函数（）{
$（“#日期”）.datepicker（{dateFormat:'dd-mm-yyyy'}）；
});

---

此问题通常是JS冲突的结果，另一个插件导致$variable行为异常。要解决这个问题，只需使用jQuery包装函数：

$('#date').datepicker();

=>

---

另外，您的

dateFormat

参数用于jQuery UI，对于引导数据采集器，只需使用

format

，正如我在上面的示例中所使用的那样。

不幸的是，进行此更改并没有解决此问题。然而，当检查我的脚本是否在控制台中返回404时，我注意到在回答中引用datepicker函数时出现了一个错误（UncaughtTypeError:Object[Object Object]没有方法“datepicker”），不幸的是，进行此更改并没有解决问题。但是，当检查我的脚本是否在控制台中返回404时，我注意到在您的回答中引用datepicker函数时出现了一个错误（未捕获的TypeError:Object[Object Object]没有方法“datepicker”），我将我的脚本替换为您在演示中使用的脚本，包括排序，但是，单击日期字段时不会发生任何事情。查看控制台时，它会给出：GET 404（Not Found）以及前面的控制台错误。您可以在我的原始帖子中找到它，使用date函数（您在示例中使用过）而不是$（“#date”）.datepicker（）；

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://sandbox.scriptiny.com/tinybox2/tinybox.js"></script>
<script src="http://www.eyecon.ro/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script>
$(function() {
   $("#date").datepicker({dateFormat: 'dd-mm-yyyy'});
});
</script>

$('#date').datepicker();

jQuery(function($){
    $("#date").datepicker({format: 'dd-mm-yyyy'});
});