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 相关文章推荐
Javascript模板技术
Apr 27 Javascript
JavaScript Event学习第五章 高级事件注册模型
Feb 07 Javascript
jQuery-Easyui 1.2 实现多层菜单效果的代码
Jan 13 Javascript
基于jquery的文章中所有图片width大小批量设置方法
Aug 01 Javascript
js触发select onchange事件的小技巧
Aug 05 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
Nov 20 Javascript
延时加载JavaScript代码提高速度
Dec 27 Javascript
利用jQuery实现打字机字幕效果实例代码
Sep 02 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
Dec 08 Javascript
jquery操作select取值赋值与设置选中实例
Feb 28 Javascript
JavaScript中Object值合并方法详解
Dec 22 Javascript
VUE项目中加载已保存的笔记实例方法
Sep 14 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
Mysql中limit的用法方法详解与注意事项
2008/04/19 PHP
解析smarty模板中类似for的功能实现
2013/06/18 PHP
Zend Framework实现将session存储在memcache中的方法
2016/03/22 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
php curl批处理实现可控并发异步操作示例
2018/05/09 PHP
PHP设计模式之适配器模式(Adapter)原理与用法详解
2019/12/12 PHP
JavaScript在多浏览器下for循环的使用方法
2012/11/07 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
2013/10/11 Javascript
详解JavaScript异步编程中jQuery的promise对象的作用
2016/05/03 Javascript
利用express启动一个server服务的方法
2017/09/17 Javascript
Validform验证时可以为空否则按照指定格式验证
2017/10/20 Javascript
Vue.js2.0中的变化小结
2017/10/24 Javascript
简述vue状态管理模式之vuex
2018/08/29 Javascript
vue自定义指令之面板拖拽的实现
2019/04/14 Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
2019/09/05 Javascript
[01:56]林书豪DOTA2上海特级锦标赛励志短片
2016/03/05 DOTA
[00:37]2016完美“圣”典风云人物:AMS宣传片
2016/12/06 DOTA
[00:10]神之谴戒
2019/03/06 DOTA
Python实现的彩票机选器实例
2015/06/17 Python
浅谈使用Python变量时要避免的3个错误
2017/10/30 Python
Python模块文件结构代码详解
2018/02/03 Python
Python基于多线程实现抓取数据存入数据库的方法
2018/06/22 Python
10张动图学会python循环与递归问题
2021/02/06 Python
荷兰牛仔裤网上商店:Jeans Centre
2018/04/03 全球购物
日本最大级玩偶手办购物:あみあみ Amiami
2018/04/23 全球购物
英国水族馆和池塘用品购物网站:Warehouse Aquatics
2019/08/29 全球购物
linux面试相关问题
2013/04/28 面试题
自我鉴定范文300字
2013/10/01 职场文书
小学岗位竞聘方案
2014/01/22 职场文书
工厂保安员岗位职责
2014/01/31 职场文书
《十六年前的回忆》教学反思
2014/02/14 职场文书
爱护花草树木的标语
2014/06/11 职场文书
走群众路线剖析材料
2014/10/09 职场文书
2014年德育工作总结
2014/11/20 职场文书
2015年度服装销售工作总结
2015/03/31 职场文书
Java spring单点登录系统
2021/09/04 Java/Android