WdatePicker日期插件的使用（简洁实例）

在程序开发中，难免会遇到一些页面要求用户输入日期格式的数据，为了规避可能出现的各种日期格式的填写错乱，更为了改善用户体验，方便用户填写，一般采用日期插件，让用户可以直接选择日期或者时间，十分方便。
下面，简单介绍一个日期时间插件WdatePicker，使用场景及方法如下：
首先，在页面中引入插件的js和css文件，

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script language="javascript" type="text/javascript"  src="WdatePicker.js"></script><link rel="stylesheet" type="text/css" href="WdatePicker.css" ></head><body><input name="start_time" type="text"    class="Wdate" onfocus="WdatePicker()"></body>
</html>

效果如下：

显示的内容可以通过参数进行不同的配置，如果只显示年份的话：

        <input name="start_time" type="text"    class="Wdate" onfocus="WdatePicker({dateFmt: 'yyyy'})">

效果为：

当然，还有其他很丰富的配置，比如限制日期范围，开始和结束日期等等，都可以通过参数进行配置，这里不一一示例。

WdatePicker日期插件的使用（简洁实例）相关推荐

WdatePicker日期插件
WdatePicker日期插件 WdatePicker日期插件应用步骤如下: 1.引入jQuery核心包和WdatePicker.js文件 2.使用onfocus事件触发WdatePicker函数 3 ...
WdatePicker，js日期插件，时间相加
//WdatePicker,js日期插件 //点击一个日期选择框后,得到日期,然后另一个日期选择框的日期自动加上一天 function pickedFunc(){ $ ...
My97DatePicker-WdatePicker日历日期插件详细示例
插件下载地址: https://download.csdn.net/download/lianzhang861/10433412 此日期插件功能还可以,用着挺顺手目前的版本是:4.8 正式版 My9 ...
jsp日期插件My97DatePicker
jsp日期插件My97DatePicker 强大的日期控件使用方便简单 (2010-10-30 18:59:12) 转载▼ 标签: js javascript 日期插件 jsp it 分类: jqu ...
Wdatepicker日期控件的使用指南 (转)
Wdatepicker日期控件的使用指南标签: inputclass语言functionstring正则表达式 2012-02-10 15:48 40826人阅读评论(5) 收藏举报分类: J ...
日期插件My97DatePicker
因为项目中需要选中日期,所以就找到了My97DatePicker这个插件,用法非常的简单,但是因为各个公司的要求不同,我们公司使用js拼代码,然后渲染到页面上的,所以遇到了一点问题- 1.My97Da ...
java中jsp时间插件_日期插件 - WEB源码|JSP源码/Java|源代码 - 源码中国
日期插件\My97DatePicker\calendar.js 日期插件\My97DatePicker\lang\en.js 日期插件\My97DatePicker\lang\zh-cn.js 日期插 ...
为My97DatePicker日期插件设置默认日期
为My97DatePicker日期插件设置默认日期,开始日期为系统日期的前一个月,结束日期为系统日期: 开始日期不能大于结束日期,且都不能大于今天: 开始日期-maxDate:'#F{$dp.$D(\ ...
My97日期插件实现日期多选
-##一.story 项目中一个查询页面的日期输入框需要实现多选,日期插件用的是My97,由于原始的My97不支持日期多选,只能选用其他日期插件或对My97进行改造,下面介绍下用js修改My97的属性 ...

WdatePicker日期插件的使用（简洁实例）

WdatePicker日期插件的使用（简洁实例）相关推荐

最新文章

热门文章