使用说明
需要使用jQuery库文件 (目前版本1.3)和jQuery Datepicker库文件 (目前版本3.5.1)
同时安装jquery.datepick-zh-CN.js支持中文语言包
素材准备
自定义日期选择器CSS样式,控制jQuery插件Datepicker日期选择器显示样式效果,如:datePicker.css
实例代码
一,包含文件部分
- <script type="text/javascript" src="jquery.js "></script>
- <script type="text/javascript" src="jquery.datepick.js "></script>
- <script type="text/javascript" src="jquery.datepick-zh-CN.js "></script>
二,HTML部分
- <div>jQuery插件datePicker日期选择器 [必优博客] </div>
- <input type="text" name="time" value="2009-2-9" id="biuuu " />
三,Javascript部分 (调用jQuery插件Datepicker日期选择器)
- <script type="text/javascript">
- <!--
- $(document).ready(function(){
- $('#biuuu ').datepick ({dateFormat : 'yy-mm-dd '});
- });
- //-->
- </script>
dateFormat 表示自定义设置日期格式,如:yy-mm-dd
实例可知使用jQuery插件Datepicker日期选择器实现Javascript自定义日期时间选择功能非常简单,一行代码即可实现,如果需要定制 Datepicker日期选择器,可配置jQuery插件Datepicker日期选择器的参数this.regional[''] = {}部分,部分参数如下:
monthNames 表示月份名称,默认英文,如:January
monthNamesShort 表示月份简称,默认英文,如:Jan
dateFormat 表示日期格式,如:yy-mm-dd
firstDay 表示星期的第一天,默认为星期天0
以及控钮设置等,具体可查看jQuery Datepicker的JS库文件,了解Datepicker的配置参数。
jQuery插件Datepicker日期选择器用户使用比较多,主要是由于其功能强大,显示效果美观,调用方便,实现Javascript自定义日期时间选择功能,值得推荐。
分享到:
相关推荐
jquery输入格式判断:为空、日期格式、整数、数字格式判断
这是一款实用的jQuery手机移动端日期时间选择插件,手机日期选择网页特效代码。 js代码 [removed][removed] [removed][removed] [removed][removed] [removed] $(document).ready(function(){ // date ...
一直在找这个方面组件遗憾并没找到,csdn上面找到一个是错误的,所以自己撸了一个
主要介绍了jQuery简单实现根据日期计算星期几的方法,涉及jQuery针对日期时间简单计算相关操作技巧,需要的朋友可以参考下
11.1 判断jQuery库是否被加载 11.2 解决jQuery库冲突的方法 11.3 jQuery版本检查方法 11.4 解决jQuery版本冲突问题 11.5 如何设置IE特有的功能 11.6 判断浏览器类型并设置HTML元素内容 11.7 加载Google CDN的jQuery...
本文实例讲述了jQuery获取某天的农历日期并判断是否除夕或新年的方法。分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
开始时间日期必需的您希望页面变为活动状态的日期。 如果timeStamp在startTime之前,将调用expireAction 。 时间结束日期必需的您希望页面过期的日期。 如果timeStamp在endTime上或之后,将调用expireAction 。 ...
对于开始时间小于结束时间的判断可以参考,jquery easyui里的ValidateBox进行判断,需要的朋友可以参考下
JS获取当前时间并格式化"yyyy-MM-dd HH:mm:ss",取时间格式的方法和函数
js前台判断开始时间是否小于结束时间,结合了jquery需要的朋友可以参考下
主要实现日期的显示,获取年月日,时分秒、星期、判断闰年,学习jquery的朋友可以参考下
本文实例讲述了jQuery控制cookie过期时间的方法。分享给大家供大家参考。具体分析如下: jquery.cookie()方法可以设置cookie,默认条件下是浏览器关闭cookie即失效,用下面方法可以解决这个问题 [removed] var ...
主要介绍了jQuery中hasClass()方法用法,实例分析了hasClass()方法的功能、定义及验证匹配元素是否包含指定类的使用技巧,需要的朋友可以参考下
代码如下: var beginValue ... var dispaly = jQuery(“#testSubjectGrid”).jqGrid(“getCell”, idArray[i], “display_content”); if (CheckDate(begindata, dispaly, beginValue) == false) { return false;
本章节介绍一段代码实例,此代码能够判断当前日期是否已经倒计时结束,此代码中并没有倒计时效果,只是判断是否倒计时完成,比如购物网站优惠期限等,虽然实际应用中,很少会出现类似的代码,不过希望能够给浏览者...
学号、姓名、性别、出生日期 要求: a. 完成用户登陆功能 (判断用户输入的用户名密码和数据库存储的用户名密码是否相同) 当登陆成功 跳转到首页显示登陆成功(页面、数据库表自行设计实现) b.完成用户添加...
代码如下:$(“#btnAddSaveTestSubject”).click(function () { //增加时的验证,保存 jQuery.validator.addMethod(“admissionBatch”, function (value, element) { return this.optional(element) || value !...
会自动判断当前年份 以下为html代码 其中用到了 Jquery 和 struts 标签 但是这两个都不是重要的 主要书 用于赋值 和 取值方便 还用到了 WdatePicker 插件进行具体日期选择 <%@ page language="java" import=...
isDate 是否为日期格式 isEmail 必须是Email格式 isPhone 是否为电话号码 isMobile 是否为手机号码 isTelephone 是否为电话或手机号码 isIdCard 是否为身份证号码 isMoney 是否为货币值 isZip 是否是邮件编码 isQQ ...