Question

我在页面上有以下语法：

<div class="filterDiv">
    <input class="txt" type="text" id="txtUsername" placeholder="Username" />
    <input class="txt" type="text" id="txtFault" placeholder="Fault ID" /><br />

    <input type="text" id="txtDateFrom" class="picker" placeholder="From" />
    <input type="text" id="txtDateTo" class="picker" placeholder="To" /><br />

    <input type="button" value="Filter" onclick="Filter();" />
</div>

<link rel="stylesheet" href="~/Styles/jquery-ui.css" />
<script src="~/Scripts/jquery-1.9.1.js"></script>
<script src="~/Scripts/jquery-ui.js"></script>
<script src="~/Scripts/moment.js"></script>

<script type="text/javascript">
    $(function () {
        $('#txtDateFrom').datepicker({ dateFormat: "dd/mm/yy" }).attr('readonly', 'readonly');
        $('#txtDateTo').datepicker({ dateFormat: "dd/mm/yy" }).attr('readonly', 'readonly');
    });
.......

我仍然在运行时为datepicker发现'未定义不是函数'错误。

如果重要的话，JQuery UI是v1.10.4。

有没有人遇到过这个并且已经解决了？

Answer 1

你提到的jQuery文件夹路径似乎是错误的，因为同样适用于我。

检查一下。

<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js"></script>
</head>

<body>
<div class="filterDiv">
    <input class="txt" type="text" id="txtUsername" placeholder="Username" />
    <input class="txt" type="text" id="txtFault" placeholder="Fault ID" /><br />

    <input type="text" id="txtDateFrom" class="picker" placeholder="From" />
    <input type="text" id="txtDateTo" class="picker" placeholder="To" /><br />

    <input type="button" value="Filter" onclick="Filter();" />
</div>
<script type="text/javascript">
    $(document).ready(function () {   
    $('#txtDateFrom').datepicker({ dateFormat: "dd/mm/yy" }).attr('readonly', 'readonly');
    $('#txtDateTo').datepicker({ dateFormat: "dd/mm/yy" }).attr('readonly', 'readonly');
});
</script>
</html>

即使调用顺序是顺序的，Jquery Datepicker也无法正常工作

1 个答案: