js jsp 时间 日期 控件 插件 简单 实用
js时间控件一般都是找网上的用,这东西平常很少涉及到,一用到找起来却烦死人,不是没用就是太复杂,今天向大家推荐一个简单实用的控件,该控件在不断更新,而且有专门的网站对它进行维护,所以值得一看。
先说它的用法吧,用法这个网站上也有,但我希望先看完我的日志再去逛这个网站才会发现里面的好玩的东西。
1、下载 My97DatePicker.rar 或 My97DatePickerBeta.7z 里面的内容是一样的 目前版本是 4.8 Beta1(测试版) ,下载地址 :http://www.my97.net/dp/down.asp
2、解压 将My97DatePicker 文件夹 拷贝到你的项目中。
3、在jsp页面中 引入JS <script type="text/javascript" src="${pageContext.request.contextPath }/oa/My97DatePicker/WdatePicker.js"></script> <!--这是我的位置-->
4、开始时间 <input type="text" name="HBegtime" style="width: 90%" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})" /> //说明 class="Wdate" 加这个样式 是为了能在输入框里显示一个日期选择的图片 可自行设定,也可不设定 // 普通调用只需加入 onClick="WdatePicker();" 即可 ,默认选择日期 ! 如果要选择时间 像上面一样设定日期时间格式 !
5、更多设置欢迎大家去访问 http://www.my97.net/dp/demo/index.htm
6、期间出现添加无效果的问题: 检查导入JS的路径及text框的引用是否正确,或是重新部署项目 如果你的应用服务器是tomecat 删除tomecat/work/Catalina/ 下的文件夹 重新启动 应该就没有问题了 。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人