jquery UI Datepicker时间控件的使用方法(基础版)


Posted in Javascript onNovember 07, 2015

本文为大家分享jquery ui datepicker时间控件的使用方法,通过实例讲解了解ui datepicker时间控件,先给大家看一看效果图:

效果:

jquery UI Datepicker时间控件的使用方法(基础版)

常用场合:
1.输入框
2.div
使用方法:
1.限制日期

$("#resultDiv").datepicker({
 onSelect: function (dateText, inst) {
 //代码:选择日期后触发的事件
 },
 minDate: new Date(),//最小日期
 maxDate: new Date($("#DateLimit").val())//最大日期
 });

2.中文

jQuery(function ($) {
 $.datepicker.regional['zh-CN'] = {
 closeText: '关闭',
 prevText: '<上月',
 nextText: '下月>',
 currentText: '今天',
 monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
 '七月', '八月', '九月', '十月', '十一月', '十二月'],
 monthNamesShort: ['一', '二', '三', '四', '五', '六',
 '七', '八', '九', '十', '十一', '十二'],
 dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
 dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
 dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
 weekHeader: '周',
 dateFormat: 'yy-mm-dd',
 firstDay: 1,
 isRTL: false,
 showMonthAfterYear: true,
 yearSuffix: '年'
 };
 $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
 });

以上就是jquery ui datepicker时间控件的使用方法,内容很简单,目的就是让亲们了解一下UI datepicker时间控件,希望大家会喜欢,关于jquery ui datepicker时间控件并没有结束,下篇文章会继续深入了解。

Javascript 相关文章推荐
JQuery 图片延迟加载并等比缩放插件
Nov 09 Javascript
jQuery中bind与live的用法及区别小结
Jan 27 Javascript
用js判断输入是否为中文的函数
Mar 10 Javascript
JavaScript数据类型检测代码分享
Jan 26 Javascript
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
Vue数组更新及过滤排序功能
Aug 10 Javascript
原生JS写Ajax的请求函数功能
Dec 22 Javascript
AngularJS实现的锚点楼层跳转功能示例
Jan 02 Javascript
详解vue中点击空白处隐藏div的实现(用指令实现)
Apr 19 Javascript
vue-dplayer 视频播放器实例代码
Nov 08 Javascript
vue-路由精讲 二级路由和三级路由的作用
Aug 06 Javascript
jquery验证邮箱格式并显示提交按钮
Nov 07 #Javascript
jquery判断当前浏览器的实现代码
Nov 07 #Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
Nov 07 #Javascript
js识别uc浏览器的代码
Nov 06 #Javascript
详解javascript数组去重问题
Nov 06 #Javascript
基于JavaScript实现仿京东图片轮播效果
Nov 06 #Javascript
实现非常简单的js双向数据绑定
Nov 06 #Javascript
You might like
PHP删除数组中空值的方法介绍
2014/04/14 PHP
PHP、Nginx、Apache中禁止网页被iframe引用的方法
2020/10/01 PHP
Parse正式发布开源PHP SDK
2014/08/11 PHP
Yii2选项卡的简单使用
2017/05/26 PHP
用Javascript同时提交多个Web表单的方法
2009/12/26 Javascript
用jquery实现学校的校历(asp.net+jquery ui 1.72)
2010/01/01 Javascript
js使用eval解析json(js中使用json)
2014/01/17 Javascript
Nodejs中读取中文文件编码问题、发送邮件和定时任务实例
2015/01/01 NodeJs
JavaScript中的toDateString()方法使用详解
2015/06/12 Javascript
Jquery uploadify上传插件使用详解
2016/01/13 Javascript
jQuery监听文件上传实现进度条效果的方法
2016/10/16 Javascript
js实现横向拖拽导航条功能
2017/02/17 Javascript
微信小程序 引用其他js文件实现代码
2017/02/22 Javascript
JavaScript实现选中文字提示新浪微博分享效果
2017/06/15 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
2018/08/20 Javascript
vue.js的简单自动求和计算实例
2019/11/08 Javascript
如何管理Vue中的缓存页面
2021/02/06 Vue.js
Python计算一个文件里字数的方法
2015/06/15 Python
python 3调用百度OCR API实现剪贴板文字识别
2018/09/04 Python
python获取时间及时间格式转换问题实例代码详解
2018/12/06 Python
python多任务及返回值的处理方法
2019/01/22 Python
python matplotlib画图库学习绘制常用的图
2019/03/19 Python
Python基于爬虫实现全网搜索并下载音乐
2021/02/14 Python
国际领先的学术出版商:Springer
2017/01/11 全球购物
MADE荷兰:提供原创设计师家具
2018/04/03 全球购物
加大码胸罩、内裤和服装:Just My Size
2019/03/21 全球购物
MYSQL基础面试题
2012/05/13 面试题
校友会欢迎辞
2014/01/13 职场文书
开工仪式主持词
2014/03/20 职场文书
微笑服务演讲稿
2014/05/13 职场文书
优秀应届本科生求职信
2014/07/19 职场文书
个人剖析材料范文
2014/09/30 职场文书
常务副总经理岗位职责
2015/02/02 职场文书
售房协议书范本
2015/08/11 职场文书
Nginx动静分离配置实现与说明
2022/04/07 Servers
CSS文本阴影 text-shadow 悬停效果详解
2022/05/25 HTML / CSS