My97 DatePicker图标触发


1、设计源码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>My97 DatePicker图标触发</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><script type="text/javascript" src="../scripts/jquery-1.11.1.js"></script><script type="text/javascript" src="../scripts/My97DatePicker/WdatePicker.js"></script><script type="text/javascript">$(function(){//获取当前日期时间var date = new Date();//获取当前日期var day = date.getDate();//获取当前月份var month = (date.getMonth()+1 < 10?("0"+(date.getMonth()+1)):(date.getMonth()+1));//获取当前年份var year = date.getFullYear();//获取当前年月日var thisDate = year + "-" + month + "-" + day;//日期控件赋初值$("#statisDate").val(thisDate);//查询按钮事件$("#btnVal").click(function(){//获取日期控件时间var statisDate = $("#statisDate").val();alert("统计时间:" + statisDate);});});</script></head><body><div id="body_div"><label style="font-weight: bolder; font-size: 12px;">统计时间:</label><input type="text" id="statisDate" onClick="WdatePicker()" style="width: 187px;"/><img οnclick="WdatePicker({el:'statisDate'})" src="../scripts/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle"><input type="button" id="btnVal" value="查询" style="font-size: 12px; font-weight: bolder; height: 23px; width: 60px;"/></div></body>
</html>

2、设计结果

(1)初始化

(2)单击图片

My97 DatePicker图标触发相关推荐

  1. JS日历插件 - My97 DatePicker

    文章整理之My97 DatePicker官网,使用版本为4.8 Beta4. My97DatePicker基本用法 1. My97DatePicker是一款非常灵活好用的日期控件.使用非常简单. 1. ...

  2. 做最好的日期控件,My97 DatePicker

    http://www.cnblogs.com/my97/p/3368393.html 做最好的日期控件,My97 DatePicker 4.8 Beta4 4.8更新的内容 [新增]preload预载 ...

  3. My97 DatePicker日历控件在火狐或IE下打不开

    title: My97 DatePicker日历控件在火狐或IE下打不开 date: 2018-02-05 22:29:07 categories: javascript tags: Firefox ...

  4. 绿色日期控件皮肤 My97 DatePicker

    因项目需要,给  My97 DatePicker  新做了一个绿色的皮肤 详细的使用方法见:http://aweb.cc/article/detail/id/508.html 文件尺寸 24.52 K ...

  5. 让my97 datepicker兼容ie9、ie10、ie11

    问题1:my97 datepicker 不能弹出日期下拉框. 解决方法: 1.下载最新版本http://www.my97.net/dp/down.asp 2.修改WdatePicker.js文件   ...

  6. my97 datepicker 自定义事件

    自从My97 DatePicker(WdatePicker)官网不能访问后,有关他的资料个别的少,本资料从伟大的互联网图书馆中找出分享给大家 1.自定义事件 如果你需要做一些附加的操作,你也不必担心, ...

  7. My97 DatePicker普通调用

    My97 DatePicker普通调用 1.设计源码 <%@ page language="java" import="java.util.*" page ...

  8. 如何去除My97 DatePicker控件上右键弹出官网的链接 - 如何debug混淆过的代码

    概述 http://my97.net/是一个web浏览器的日期选择控件,非常好用,做得非常棒,各种API等事件等都很方便,但是使用了4.8beta3之后,在控件上面右击会出现官网链接 ,这个是PM以及 ...

  9. 坚持打造最好的日期控件,My97 DatePicker 4.8 Beta3

    4.8更新的内容 [新增]preload预载选项 [增强]验证功能可被关闭errDealMode=-1 [修改]调整周算法模式,新增weekMethod属性 [修改]去除My97DatePicker. ...

最新文章

  1. Prometheus 如何做到“活学活用”,大牛总结的避坑指南
  2. 10.LeetCode第九题--有效的数独--哈希表的经典应用
  3. android 固定底部导航,如何设置android底部导航栏位置固定在android
  4. [shiro] - 怎样使用shiro?
  5. boot分布式计算 spring_springboot05-分布式系统理念
  6. Spring/SpingMVC常见问题总结
  7. 部署在云上的Fiori launchpad,其tile信息是从哪里取出来的
  8. 判断浏览器是否为IE内核的最简单的方法
  9. Docker~从Dockerfile到Container的过程
  10. 微信JSAPI支付,报错当前页面的URL未注册
  11. 买二手房子经济实惠。
  12. 删除顺序表中指定值的所有元素(C++,vector)
  13. iptv管理系统php制作,双子星IPTV管理系统搭建教程
  14. 【AIX】用户、组合安全管理
  15. 港股交易系统搭建介绍 — 港股LV2行情
  16. CSS 样式书写规范,css样式书写规范
  17. css中reset属性详解,css中如何使用counter-reset属性
  18. Stata: 面板 Granger 因果检验
  19. 防止被运营商DNS劫持 作者:zzc
  20. 计算机一级二级科目,计算机一级和二级

热门文章

  1. 多线程之CompletableFuture全方面解析
  2. 【翻译搬运】协调多个运动单元的移动 Coordinated Unit Movement【一】
  3. android switch 未定义,源生Switch控件在Android4.4无法显示?
  4. 因为一首歌,想念一个人?
  5. (转)那些解释起来很蛋疼的IT工种——这里有多少人躺着中枪
  6. 这些城市 你5w就可以买一套全款房
  7. 位图BitMap图像的读取与存储
  8. 2018年图灵奖--约书亚·本吉奥、杰弗里·埃弗里斯特·辛顿和Yann LeCun简介
  9. 2020-2-10新生赛
  10. C# winform调用html的内容