《MVC》--用Razor給DropDownListFor繫結最近半年的時間
阿新 • • 發佈:2019-01-07
最近小編在做一個移動端的專案,有一個這樣的需求,查詢簽到記錄,並且根據DropDownListFor中繫結最近半年的時間,請看下面的實現程式碼。
前臺程式碼
<h4 class="control-heading bg-info"><i class="glyphicon glyphicon-list-alt"></i> 查詢打卡記錄</h4> <div id="selectMonth"> @Html.DropDownListFor(m => m.QueryTime, Model.QueryDateList, new { @class = "list-group-title pull-left" }) <input type="submit" value="查詢" class="" onclick="queryListByMonth();"> </div>
別忘了在最上面使用@using 具體的model!
後臺生成最近六個月的程式碼
public DateTime QueryTime { get; set; } /// <summary> /// 查詢日期list /// </summary> public IEnumerable<SelectListItem> QueryDateList { get { List<SelectListItem> listItem = new List<SelectListItem>(); for (DateTime date = DateTime.Now; date > DateTime.Now.AddMonths(-6); date = date.AddMonths(-1)) { SelectListItem item = new SelectListItem(); item.Value = date.ToString("yyyy-MM"); item.Text = date.ToString("yyyy-MM"); item.Selected = false; listItem.Add(item); } return listItem; } set { } }
以前往EasyUI的DropDownList中繫結過日期,過度到現在這個控制元件上來,大同小異,都是將Value和Text設定好了,唯一不同的是寫法不一樣了。剛剛弄出來得樣式老難看了,幸虧公司有前端,讓前端一美工,瞬間發現了“美”的存在了。