《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设置好了,唯一不同的是写法不一样了。刚刚弄出来得样式老难看了,幸亏公司有前端,让前端一美工,瞬间发现了“美”的存在了。

你可能感兴趣的:(《MVC》--用Razor给DropDownListFor绑定最近半年的时间)