1. 程式人生 > >《MVC》--用Razor給DropDownListFor繫結最近半年的時間

《MVC》--用Razor給DropDownListFor繫結最近半年的時間

   最近小編在做一個移動端的專案,有一個這樣的需求,查詢簽到記錄,並且根據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設定好了,唯一不同的是寫法不一樣了。剛剛弄出來得樣式老難看了,幸虧公司有前端,讓前端一美工,瞬間發現了“美”的存在了。