SlickGrid根据日期错误动态构建列
SlickGrid dynamically building cols from dates error
我试图从数据选择器中获取开始日期和结束日期,然后使用开始日期和终止日期创建列日期列表,当我对其中的日期进行硬编码时,效果很好,但当我尝试从日期选择器中获取日期时,它们都返回null,下面是一些代码(我也在使用MVC3和Razor,但我认为这是我做错的JS。)
using (Html.BeginForm("Index", "Home", FormMethod.Post))
{
<p>
Start Date:
<input id='datepicker' name='datepicker' style="width: 85px">
End Date:
<input id='datepickerend' name='datepickerend' style="width: 85px">
@Html.ListBox("teamID", (SelectList)ViewBag.Teams, "--Select a Team--")
@Html.DropDownList("dealID", (SelectList)ViewBag.Deals, "--Select a Deal--")
<input type="submit" value="Filter" id="btnFilter" />
</p>}
<script type="text/javascript">
function FormatUkDate(dateStr) {
dateStr = dateStr.split("/");
return new Date(dateStr[2], dateStr[1] - 1, dateStr[0]);
}
</script>
<script type="text/javascript">
Date.prototype.addDays = function (days) {
var dat = new Date(this.valueOf())
dat.setDate(dat.getDate() + days);
return dat;
}
function getDates() {
// var StartDate = new Date(FormatUkDate($('#datepicker').value));
// var EndDate = new Date(FormatUkDate($('#datepickerend').value));
var StartDate = $('#datepicker').val();
var EndDate = $('#datepickerend').val();
var dateArray = new Array();
while (StartDate <= EndDate) {
dateArray.push(StartDate)
StartDate = StartDate.addDays(1);
}
return dateArray;
}
</script>
<script>
var daterange = getDates();
var grid;
var colsArray = new Array();
var columns = [
{
id: "Name", name: "Name", field: "Name"
}
];
for (i = 0; i < daterange.length; i++) {
var a = daterange[i].toString()
a = a.substring(0, 10);
columns.push({ id: a.valueOf(), name: a.valueOf(), field: a.valueOf() });
}
var options = {
enableCellNavigation: true,
enableColumnReorder: true
};
$(function () {
var myData = [];
$.getJSON('/Home/getm', function (data) {
myData = data;
grid = new Slick.Grid("#myGrid", myData, columns, options);
});
});
</script>
通过将按钮更改为slickme构建网格,更重要的是调用一些Ajax,这些Ajax将日期选择器值传递给fine。
相关文章:
- 动态构建一个数据表与scriplets
- Microsoft城域网,动态构建
- 如何将动态构建的字符串作为http头在http.call中与流星一起传递
- 从Javascript动态构建JSON对象列表
- 如果标记是使用 JavaScript 动态构建的,Schema.org 标记是否有效?
- 动态构建2D阵列Javascript
- SlickGrid根据日期错误动态构建列
- 如何动态构建表
- 如何动态构建img标记
- jQuery:从带有 for 循环的数组动态构建表单
- 从 json 动态构建 dom 树
- 加载商店数据以动态构建表单 煎茶触摸2.
- 动态构建 json 对象
- 使用动态构建的 jQuery 承诺链按顺序激活特定元素
- JS/jQuery遍历HTML元素以动态构建字符串
- 有没有办法避免角加载动态构建页面时的抖动效应
- 使用 JavaScript 动态构建 asp:chart
- 动态构建表单
- AngularJS ng-repeat列表是动态构建的,$index始终为零
- Ember.js - 使用输入值动态构建链接