个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
在数据表上使用日期选择器时遇到一些问题。我在页面顶部设置了两个测试日期选择器，它们工作正常。
我的问题是，当我在 aoColumns 中选择 '{type:"date-range"} 时，我收到一条错误消息，告诉我 from.datepicker() 是不是一个功能。
我尝试了所有其他类型的过滤器(选择、数字范围等)，除日期范围外，所有过滤器都正常工作。
任何人都可以帮助我解释为什么我的 JavaScript 似乎使用 type:"date-range"崩溃了。我似乎无法弄清楚为什么它不会像此处显示的示例那样工作 http://jquery-datatables-column-filter.googlecode.com/svn/trunk/dateRange.html
代码如下
<body>
<div id="content">
</div><div id='assignments_view'>
<h1>Assignments</h1><br/>
From:<input type="text" name="start_date" value="" id="dateStart" placeholder="start Date" /><br/>
To:<input type="text" name="end_date" value="" id="dateEnd" placeholder="End Date" /><br/>
<button id = "addNewAssignmentButton">Add New Assignment</button>
<div id="assignmentTableDiv">
<table id="assignmentTable" class="fht-table" >
<thead>
<tr>
<th>Name</th>
<th>Basic Information</th>
<th>Submitter</th>
<th>Status</th>
<th>Area</th>
<th>Start Date</th>
<th>End Date</th>
<th>Shopping Cart</th>
<th>Purchase Order</th>
</tr>
</thead>
<tbody>
<tr class = "assignmentRow" ondblclick="document.location = 'assignments/load_individual_assignment_view/21 '">
<td>Test assignment</td>
<td>basic Info for test assignment</td>
<td class = 'status'>review</td>
<td>2013-01-08</td>
<td>2013-01-01</td>
</tr>
</tbody>
<tfoot><tr class = "footer">
</tr></tfoot>
</table>
</div>
</div>
<script
src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="http://localhost/ahb/js/libs/jquery-1.7.1.min.js"><\/script>')</script>
<script src="http://localhost/ahb/js/libs/jquery-ui-1.8.20.custom.min.js"></script>
<script>
$(document).ready( function () {
var oTable = $('#assignmentTable')
.dataTable(
{
"bJQueryUI": true,
}
)
.columnFilter({ sPlaceHolder: "head:before",
aoColumns: [ null,null,{type:"select"},null,null,
null,
{type:"date-range"},
null,
null,
]}
);
});
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="http://localhost/ahb/js/libs/jquery-1.7.1.min.js"><\/script>')</script>
<script src="http://localhost/ahb/js/libs/jquery-ui-1.8.20.custom.min.js"></script>
<script>
$('#dateStart').datepicker({ dateFormat: "yy-mm-dd" });
$('#dateEnd').datepicker({ dateFormat: "yy-mm-dd" });
</script>
<div id="footer">
<footer>
Page rendered in <strong>0.0951</strong> seconds
</footer>
</div>
<!-- JavaScript at the bottom for fast page loading -->
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="http://localhost/ahb/js/libs/jquery-1.7.1.min.js"><\/script>')</script>
<!-- scripts concatenated and minified via build script -->
<script src="http://localhost/ahb/js/plugins.js"></script>
<script src="http://localhost/ahb/js/script.js"></script>
<script src="http://localhost/ahb/js/jquery-placeholder.js"></script>
<script src="http://localhost/ahb/js/libs/jquery.dataTables.min.js"></script>
<script src="http://localhost/ahb/js/libs/jquery.dataTables.columnFilter.js"> </script>
<script src="http://localhost/ahb/js/libs/tabletools.js"></script>
<!-- end scripts -->
</body>
</html>
最佳答案
已解决。 1.8.2 的两个脚本冲突并导致 jQuery datepicker 无法工作。我只需要删除一个脚本并在页面底部只留下一个版本的 1.8.2.min。
关于javascript - jquery 数据表中的日期选择器不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14159774/
25
4
0
今天有小伙伴给我留言问到，try{...}catch(){...}是什么意思？它用来干什么？ 简单的说 他们是用来捕获异常的 下面我们通过一个例子来详细讲解下
我正在努力提高网站的可访问性，但我不知道如何在页脚中标记社交媒体链接列表。这些链接指向我在 facecook、twitter 等上的帐户。我不想用 role="navigation" 标记这些链接，因
说现在是 6 点，我有一个 Timer 并在 10 点安排了一个 TimerTask。之后，System DateTime 被其他服务(例如 ntp)调整为 9 点钟。我仍然希望我的 TimerTas
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
我就废话不多说了，大家还是直接看代码吧~ ? 1
Maven系列1 1.什么是Maven？ Maven是一个项目管理工具，它包含了一个对象模型。一组标准集合，一个依赖管理系统。和用来运行定义在生命周期阶段中插件目标和逻辑。 核心功能 Mav
我是一名优秀的程序员,十分优秀！