请输入关键字
在ASP.MVC Razor中使用日期插件WdatePicker
Alin|2018-2-26

有初学者总是搞不清如何使用第三方插件,比如在ASP.MVC中使用日期插件WdatePicker。其实很简单,但是您也要亲自操作:

1,引用 <script src="~/Scripts/jquery-1.10.2.min.js"></script>和<script src="~/Scripts/My97DatePicker/WdatePicker.js"></script>

2,Razor语法中使用

<div class="form-group">
                @Html.LabelFor(model => model.Remark, htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.EditorFor(model => model.Remark, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.Remark, "", new { @class = "text-danger" })
                </div>
            </div>

3,<script type="text/javascript">
        $(function () {
            $("#Remark").focus(function () {
                WdatePicker({ dateFmt: 'yyyy-MM-dd HH:mm:ss' });
            });

        });

经过这样三步,基本是可以完成您想要的效果了。

赞一下23||已浏览2576

本站版本归木之林解释所有 copyright(C)2010-2022www.mzlin.net 备案/许可证编号为:粤ICP备15050036号