Asp.net mvc 日期筛选器在gridmvc中不起作用
我正在开发Mvc应用程序。我使用了gridMvc版本2.0.0.0。当我尝试筛选日期但它不起作用时。当我尝试从日历中选择日期时,未选择日期 下面是我的查看代码Asp.net mvc 日期筛选器在gridmvc中不起作用,asp.net-mvc,Asp.net Mvc,我正在开发Mvc应用程序。我使用了gridMvc版本2.0.0.0。当我尝试筛选日期但它不起作用时。当我尝试从日历中选择日期时,未选择日期 下面是我的查看代码 @model IEnumerable<StockWatch.DTO.EmployeeDTO> @using GridMvc.Html @using System.Web.UI.WebControls @{ ViewBag.Title = "Index"; } <div class="row-fluid" sty
@model IEnumerable<StockWatch.DTO.EmployeeDTO>
@using GridMvc.Html
@using System.Web.UI.WebControls
@{
ViewBag.Title = "Index";
}
<div class="row-fluid" style="margin-top:30px;margin-bottom:10px;margin-left:0px; margin-right:0px;">
<div class="listheading span9">
<div class="span2" style="font-size:22px;margin-right:5px;">
Employees
</div>
</div>
<div class="createlink span3" style="text-align:right;margin-left:10px;">
@Html.ActionLink("+ Add Employee", "Create")
</div>
</div>
<div class="span12" style="margin-left:0px;margin-right:0px;">
@Html.Grid(Model).Columns(columns =>
{
columns.Add(c => c.FirstName).Titled("First Name").SetWidth(400).Sortable(true).Filterable(true);
columns.Add(c => c.LastName).Titled("Last Name").SetWidth(900).Sortable(true).Filterable(true);
columns.Add(c => c.MobileNo).Titled("Mobile No.").SetWidth(400).Sortable(true).Filterable(true);
columns.Add(c => c.Email).Titled("Email").SetWidth(400).Sortable(true).Filterable(true);
columns.Add(c => c.LocationName).Titled("Location").SetWidth(800).Sortable(true).Filterable(true);
columns.Add(c => c.Designation).Titled("Designation").SetWidth(400).Sortable(true).Filterable(true);
columns.Add(c => c.JoiningDate).Titled("Joining<br/>Date").Format("{0:dd-MMM-yy}").SetWidth(400).Sortable(true).Filterable(true);
</div>
@model IEnumerable
@使用GridMvc.Html
@使用System.Web.UI.WebControl
@{
ViewBag.Title=“Index”;
}
员工
@ActionLink(“+添加员工”,“创建”)
@Html.Grid(Model).Columns(Columns=>
{
columns.Add(c=>c.FirstName).标题为(“FirstName”).SetWidth(400).可排序(true).可筛选(true);
columns.Add(c=>c.LastName).标题为(“LastName”).SetWidth(900).可排序(true).可筛选(true);
columns.Add(c=>c.MobileNo).标题为(“手机号码”).SetWidth(400).可排序(true).可筛选(true);
columns.Add(c=>c.Email).标题为(“Email”).SetWidth(400).可排序(true).可过滤(true);
columns.Add(c=>c.LocationName).标题为(“位置”).SetWidth(800).可排序(true).可筛选(true);
列.Add(c=>c.Designation).标题为(“Designation”).SetWidth(400).可排序(true).可过滤(true);
columns.Add(c=>c.JoiningDate).title(“Joining
Date”).Format(“{0:dd-MMM-yy}”).SetWidth(400).可排序(true).可筛选(true);
怎么做?
提前谢谢。您需要为其添加脚本和样式 并且您的字段数据类型必须是Datetime Grid.MVC的脚本和样式
<link href="@Url.Content("~/Content/Gridmvc.css")" rel="stylesheet" />
<link href="@Url.Content("~/Content/bootstrap.min.css")" rel="stylesheet" />
<script src="@Url.Content("~/Scripts/jquery-1.9.1.min.js")"></script>
<script src="@Url.Content("~/Scripts/gridmvc.min.js")"></script>
Grid.Mvc日期选择器的脚本和样式
<script src="~/Scripts/bootstrap-datepicker.js"></script>
<link href="~/Content/gridmvc.datepicker.css" rel="stylesheet" />
<link href="~/Content/gridmvc.datepicker.min.css" rel="stylesheet" />
您需要更新
gridmvc.js
文件
通过以下链接下载:
然后打开project GirdMVC并将
gridmvc.js
文件再次复制到您的项目中。我已经陷入这一困境大约一天了。有一个最简单的解决方案。您必须添加gridmvc日期选择器库。以下是最短的方法。
PM安装程序包Grid.Mvc.DatePicker
从nuget控制台,然后像这样将此库的引用添加到您的视图中。
ref:在您的操作中仅将日期时间转换为日期
它搜索时间为00:00:00的日期,因此如果发送datetime,它将无法找到
将格式更改为dd/MM/yy没有帮助,您必须在模型中以这种格式发送
而不是发送
JoiningDate
发送
在模型对象中。尝试从日历中选择日期时,未选择日期
JoiningDate.Date