ASP.NET MVC中使用日期控件My97DatePicker

极客研究者

于 2020-05-25 15:12:42 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： ASP.NET MVC 文章标签： mvc asp.net mvc5 c# .net

本文链接：https://blog.youkuaiyun.com/qq_34550459/article/details/106333485

ASP.NET MVC 专栏收录该内容

40 篇文章

订阅专栏

本文详细介绍My97DatePicker日期控件的安装、配置及在项目中的应用过程，包括官网下载、Demo展示、捆绑包定义及文本框日期控件绑定等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

My97DatePicker是一款免费的日期控件,简单实用.

1.去官网下载,解压后的目录结构:
在这里插入图片描述
2.查看Demo:

<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
<input class="Wdate" type="text" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'})"> <font color=red>&lt;- 点我弹出日期控件</font>

还是需要引入WdatePicker.js类库,设置onClick属性,text文本框绑定日期控件

3.添加至项目中:
在这里插入图片描述
在BundleConfig.cs文件中定义捆绑包:

bundles.Add(new ScriptBundle("~/js/My97DatePicker").Include(
"~/Content/plugin/My97DatePicker/WdatePicker.js"));

在View页面上引入该捆绑包:

@Scripts.Render("~/js/My97DatePicker")

给text文本框绑定日期控件:

<tr>
 <td>@Html.DisplayNameFor(model => model.CreateTime)</td>
 <td>@Html.TextBoxFor(model=>model.CreateTime,new { @class = "Wdate", @onClick = "WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'})" })</td>
</tr>

Result:
在这里插入图片描述