js jsp 时间 日期 控件 插件 简单 实用

时间:2021-05-04 12:37:32

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/   下的文件夹  重新启动   应该就没有问题了 。

阅读(3819)| 评论(0)