解决jquery的datepicker的本地化以及Today问题


Posted in Javascript onMay 23, 2012

1、本地化
可以直接加载文件,也可以直接在script后面加入如下语句

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']); 
});

2、单击Today (今天) 直接在input 中显示日期,而不是跳转到今天的地方而需要用户再次点击日期修改方法很简单,在script中添加这段代码
$.datepicker._gotoToday = function (id) { 
var target = $(id); 
var inst = this._getInst(target[0]); 
if (this._get(inst, 'gotoCurrent') && inst.currentDay) { 
inst.selectedDay = inst.currentDay; 
inst.drawMonth = inst.selectedMonth = inst.currentMonth; 
inst.drawYear = inst.selectedYear = inst.currentYear; 
} 
else { 
var date = new Date(); 
inst.selectedDay = date.getDate(); 
inst.drawMonth = inst.selectedMonth = date.getMonth(); 
inst.drawYear = inst.selectedYear = date.getFullYear(); 
this._setDateDatepicker(target, date); 
this._selectDate(id, this._getDateDatepicker(target)); 
} 
this._notifyChange(inst); 
this._adjustDate(target); 
}
Javascript 相关文章推荐
JS获取各种浏览器窗口大小的方法
Jan 14 Javascript
jquery浏览器滚动加载技术实现方案
Jun 03 Javascript
js+css绘制颜色动态变化的圈中圈效果
Jan 27 Javascript
Angularjs 滚动加载更多数据
Mar 17 Javascript
Google 地图API Map()构造器详解
Aug 06 Javascript
Angular2 (RC5) 路由与导航详解
Sep 21 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
如何处理JSON中的特殊字符
Nov 30 Javascript
用vue-cli开发vue时的代理设置方法
Sep 20 Javascript
vue动态注册组件实例代码详解
May 30 Javascript
localstorage实现带过期时间的缓存功能
Jun 28 Javascript
Vue 使用typescript如何优雅的调用swagger API
Sep 01 Javascript
{}与function(){}选用空对象{}来存放keyValue
May 23 #Javascript
JavaScript基本编码模式小结
May 23 #Javascript
Javascript处理DOM元素事件实现代码
May 23 #Javascript
面向对象Javascript核心支持代码分享
May 23 #Javascript
Package.js  现代化的JavaScript项目make工具
May 23 #Javascript
检测input每次的输入是否合法遇到汉字输入就有问题
May 23 #Javascript
JavaScript可否多线程? 深入理解JavaScript定时机制
May 23 #Javascript
You might like
PHP生成随机密码类分享
2014/06/25 PHP
php去掉URL网址中带有PHPSESSID的配置方法
2014/07/08 PHP
javascript之可拖动的iframe效果代码
2008/08/01 Javascript
Extjs学习笔记之七 布局
2010/01/08 Javascript
网页中可关闭的漂浮窗口实现可自行调节
2013/08/20 Javascript
JS之Date对象和获取系统当前时间详解
2014/01/13 Javascript
详解AngularJS控制器的使用
2016/03/09 Javascript
jQuery实现摸拟alert提示框
2016/05/22 Javascript
javascript中Number的方法小结
2016/11/21 Javascript
EasyUI Combobox设置默认值 获取text的方法
2016/11/28 Javascript
原生js实现无限循环轮播图效果
2017/01/20 Javascript
jQuery.Form上传文件操作
2017/02/05 Javascript
Vue2.0使用过程常见的一些问题总结学习
2017/04/10 Javascript
js canvas实现QQ拨打电话特效
2017/05/10 Javascript
解决vue.js this.$router.push无效的问题
2018/09/03 Javascript
Vue Router的手写实现方法实现
2020/03/02 Javascript
通过实例了解Nodejs模块系统及require机制
2020/07/16 NodeJs
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
2021/03/01 Vue.js
实例讲解Python中global语句下全局变量的值的修改
2016/06/16 Python
python实现类之间的方法互相调用
2018/04/29 Python
PyCharm设置SSH远程调试的方法
2018/07/17 Python
Sanic框架应用部署方法详解
2018/07/18 Python
详解django中使用定时任务的方法
2018/09/27 Python
在python里从协程返回一个值的示例
2019/02/19 Python
详解PyCharm安装MicroPython插件的教程
2019/06/24 Python
python的移位操作实现详解
2019/08/21 Python
Django自关联实现多级联动查询实例
2020/05/19 Python
移动HTML5前端框架—MUI的使用
2017/12/18 HTML / CSS
英国知名美妆护肤在线商城:Zest Beauty
2018/04/24 全球购物
斯图尔特·韦茨曼鞋加拿大官网:Stuart Weitzman加拿大
2019/10/13 全球购物
为什么要有struct关键字
2012/05/08 面试题
存储过程和sql语句的优缺点
2014/07/02 面试题
学校岗位设置方案
2014/01/16 职场文书
委托书格式范文
2015/01/28 职场文书
军训通讯稿范文
2015/07/18 职场文书
图文详解nginx日志切割的实现
2022/01/18 Servers