web开发笔记(7):jquery自带的前台日历插件WdatePicker

其实网上的资料一大堆,但是实际上,还是得自己写代码,整理一下,才会用。使用jquery的WdatePicker插件是相当方便的,一般情况也够我们使用了。

一、下载WdatePicker插件

二、在工程中导入

三、在需要使用插件的jsp中使用

1.在head部分引入

2.在html中使用

<div>
发布时间:
<input  type="radio" name="pushTime" value="0" onclick="t()" checked="checked">
立即发送
<input  type="radio" name="pushTime" value="1" onclick="s()">
其他时间
<input  id="pushTime_text" style="display: none" onclick="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd H:m:s',minDate: '%y-%M-%d'})">
</div>

四、效果

五、有关WdatePicker.js的使用,参数设置,可以问度娘或者谷歌。

时间: 2024-10-09 21:25:28

web开发笔记(7):jquery自带的前台日历插件WdatePicker的相关文章

jQuery Tools:Web开发必备的 jQuery UI 库

基本介绍 jQuery Tools 是基于 jQuery 开发的网站界面库,包含网站最常用的Tabs(选项卡).Tooltip(信息提示).Overlay(遮罩.弹窗).Scrollable(滚动控制).Form Validator(表单验证).Rangeinput(范围选择).Dateinput(日期选择)等众多功能.jQuery Tools 提供了高自定义的API接口,能够帮助开发者非常容易的实现所需要的功能,带给用户更佳的使用体验. 相比 jQuery UI,jQuery Tools 提供

移动web开发笔记

移动web开发笔记 移动web开发笔记 基础概念 像素单位 CSS pixels与device pixels CSS pixels PPIDPI devicePiexelRatio 文字大小控制 viewport 响应式布局 原则 实现方式 布局方案 百分比布局流体布局 弹性flexible布局 flex-box布局 图片处理 普通设置 响应式图片 媒体查询 HTML5 新表单类型 HTML5的新输入类型 CSS3 设备控制 设备交互 性能优化 参考: 移动web开发入门 移动端web开发技巧

flask web开发笔记 -- 快速入门

flask web开发笔记 -- 快速入门 初始化 Flask应用需要创建应用实例. Web服务器通过Web Server Gateway Interface (WSGI)协议把从客户端接收到的请求传递给该对象.应用程序实例是Flask类对象,通常创建如下: from flask import Flask app = Flask(__name__) Flask类的构造函数唯一的参数是应用的主模块名或包名,用于确定应用的根目录.对于大多数应用程序,使用Python的__name__变量即可. 路由

flask web开发笔记 -- 表单 --待整理

虽然Flask的请求对象给表单处理提供了足够的支持,但也有一些任务繁琐和重复.比如为表单生成HTML代码和验证提交表单数据. Flask-WTF扩展能解决上述问题.它基于wtforms 防止跨站请求伪造 跨站请求伪造(Cross-site request forgery),也被称为 one-click attack 或者 session riding,通常缩写为 CSRF 或者 XSRF, 是一种挟制用户在当前已登录的Web应用程序上执行非本意的操作的攻击方法.跟跨网站脚本(XSS)相比,XSS

flask web开发笔记 -- 数据库

关系数据库基于关系,有主键.外键等.它存储数据高效,避免了重复:修改数据方便.缺点是连接的成本过高. NoSQL尽量避免连接,但是增加了数据冗余,修改数据麻烦,不过查询快速. 对于中小型的应用,两者的效率差别不大. python数据库框架 Flask对数据库没有限制,你可以使用MySQL, Postgres, SQLite, Redis, MongoDB或CouchDB等.另外还有数据抽象层SQLAlchemy和MongoEngine等. 选择数据库时需要关注: 易用性:抽象层,比如ORM(ob

Java Web开发笔记(2016-5-6 11:13、2016-5-10 11:13、2016-5-12 14:58)

http://localhost:8080/EquipmentSys/equipment/findEquipStateByEquipmentNumber.html?DEVEICEID=04:e6:76:df:f0:94 返回 1,1 设备状态(1运营,2维护,3锁定),是否更新的开关IsUpdate={1,0}(游戏APK更新条件:IsUpdate=1而且版本号不一样) /** * 接口 * @param request * @return * @throws UnsupportedEncodi

flask web开发笔记 -- 简介

Flask是使用Python编写的轻量级Web应用框架.它基于Werkzeug WSGI工具包和Jinja2 模板引擎. Flask使用BSD授权. Flask基于Python的灵活,为Web开发提供简单的模板.demo:Flask community Flask也被称为微框架,因为它核心简单但扩展性好.Flask没有数据库层.表单验证等第三方已经存在的通用功能.Flask的扩展可以像flask自己实现一样使用这些功能.扩展有ORM(object-relational mappers,对象关系映

web开发笔记

----nodejs---- 1.对于操作系统来说,创建一线程的代价是十分昂贵的,要给他分配内存.列入调度,同时在线程切换的时候还要执行内存换页,CPU缓存被清空,切换的时候还要重新从内存中读取信息,破坏了数据的局部性.2.事件驱动的单线程异步模型 & 多线程同步模型3.Web开发架构对比模板为中心架构 MVC架构4.包管理nodejs的npm.python的pip.ubuntu的apt-get.PHP的pear.python还有一个PyPI5.Web开发框架对比 特性 模板为中心框架 MVC框

一款基于jQuery带事件记录的日历插件

之前我们也已经分享过不少jQuery日历插件,有些应用了CSS3的特性,外观就特别漂亮.今天要分享的这款jQuery日历插件不仅有着绚丽的外观,而且带有日期事件记录功能,点击日期即可展开事件记录窗口,你可以设置事件的描述以及提醒的时间,是一款相对实用的jQuery日历插件. 在线预览   源码下载 接下来我们一起来看看实现这款jQuery带事件记录功能的日历插件的实现过程及源码,代码主要由HTML.CSS和jQuery组成. HTML代码: <div id="myId" clas