jQuery Tools Dateinput使用介绍


Posted in Javascript onJuly 14, 2012

帮助文档:传送门
html

<!DOCTYPE html> 
<html> 
<head> 
<title>jQuery Tools dateinput demo</title> 
<!-- include the Tools --> 
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script> 
<script src="./jquery.tools.date-zh-CN.js"></script> 
<link rel="stylesheet" type="text/css" 
href="http://jquerytools.org/media/css/dateinput/large.css"/> 
<!-- some overrides --> 
<style> 
.date { width: 357px; } 
#calhead { padding-left: 95px; } 
#caltitle { background-color: #fff;} 
#calnext { float:left; } 
</style> 
</head> 
<body><!-- 0 value will display the current date formatted with the default 
formatter --> 
<div style="width:360px; margin:0 auto;"> 
<input type="date" name="test" value="0" /> 
</div> 
<script> 
$(function () { 
$(":date").dateinput({ 
lang: 'zh-CN', 
format: 'dddd dd, mmmm yyyy', 
offset: [30, 0] 
}); 
}) 
</script> 
</body> 
</html>

CSS
我直接用他们的
http://jquerytools.org/media/css/dateinput/large.css
汉化:
query.tools.date-zh-CN.js
jQuery(function () { 
$.tools.dateinput.localize("zh-CN", { 
months: '一月,二月,三月,四月,五月,六月,七月,' + 
'八月,九月,十月,十一月,十二月', 
shortMonths: '一,二,三,四,无,六,七,' + 
'八,九,十,十一,十二', 
days: '星期日,星期一,星期二,星期三,星期四,星期五,星期六', 
shortDays: '日,一,二,三,四,五,六' 
}); 
});

名称不区分大小写,所以zh-CN就要lang: 'zh-CN'
这篇就这样简单完结了吧。其他的控件如果用mvc开发,mvc有自带的提示错误等等。jQuery-Tools这系列就翻译一些大家经常要用的jQuery工具。
Javascript 相关文章推荐
分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容
Apr 20 Javascript
Jquery实现自定义窗口随意的拖拽
Mar 12 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
Jul 27 Javascript
js实现图片无缝滚动
Dec 23 Javascript
vue 点击按钮增加一行的方法
Sep 07 Javascript
JavaScript 对引擎、运行时、调用堆栈的概述理解
Oct 22 Javascript
vue中子组件传递数据给父组件的讲解
Jan 27 Javascript
vue实现路由懒加载及组件懒加载的方式
Jun 11 Javascript
JS中作用域以及变量范围分析
Jul 18 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
Sep 21 Javascript
jQuery实现放大镜案例
Oct 19 jQuery
vue-router定义元信息meta操作
Dec 07 Vue.js
jQuery Tools tooltip使用说明
Jul 14 #Javascript
jQuery-Tools-overlay 使用介绍
Jul 14 #Javascript
js点击页面其它地方将某个显示的DIV隐藏
Jul 12 #Javascript
JavaScript面向对象之Prototypes和继承
Jul 12 #Javascript
jQuery $.get 的妙用 访问本地文本文件
Jul 12 #Javascript
js原型链原理看图说明
Jul 07 #Javascript
jqTransform form表单美化插件使用方法
Jul 05 #Javascript
You might like
用PHP连接MySQL代码的参数说明
2008/06/07 PHP
PHP中读取文件的8种方法和代码实例
2014/08/05 PHP
php中使用key,value,current,next和prev函数遍历数组的方法
2015/03/17 PHP
php恢复数组的key为数字序列的方法
2015/04/28 PHP
Laravel访问出错提示:`Warning: require(/vendor/autoload.php): failed to open stream: No such file or di解决方法
2019/04/02 PHP
jQuery Tools tooltip使用说明
2012/07/14 Javascript
动态加载JS文件的三种方法
2013/11/08 Javascript
提高NodeJS中SSL服务的性能
2014/07/15 NodeJs
js获取滚动距离的方法
2015/05/30 Javascript
基于jquery实现简单的手风琴特效
2015/11/24 Javascript
js实现微信分享代码
2020/10/11 Javascript
H5实现手机拍照和选择上传功能
2019/12/18 Javascript
JS实现音乐钢琴特效
2020/01/06 Javascript
微信小程序自定义顶部组件customHeader的示例代码
2020/06/03 Javascript
微信小程序实现电子签名功能
2020/07/29 Javascript
原生js实现分页效果
2020/09/23 Javascript
Python isinstance判断对象类型
2008/09/06 Python
python3实现ftp服务功能(客户端)
2017/03/24 Python
Python3一行代码实现图片文字识别的示例
2018/01/15 Python
python实现对求解最长回文子串的动态规划算法
2018/06/02 Python
numpy.random模块用法总结
2019/05/27 Python
python3+PyQt5 数据库编程--增删改实例
2019/06/17 Python
Django对数据库进行添加与更新的例子
2019/07/12 Python
css3实现图片遮罩效果鼠标hover以后出现文字
2013/11/05 HTML / CSS
HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能
2018/04/23 HTML / CSS
海蓝之谜(LA MER)澳大利亚官方商城:全球高端奢华护肤品牌
2017/10/27 全球购物
复古风格的女装和装饰品:ModCloth
2017/12/29 全球购物
关键字final的用法
2013/10/02 面试题
法院信息化建设方案
2014/05/21 职场文书
财务工作疏忽检讨书
2014/09/11 职场文书
2015年税务稽查工作总结
2015/05/26 职场文书
入党介绍人意见2015
2015/06/01 职场文书
领导新年致辞2016
2015/07/29 职场文书
远程教育学习心得体会
2016/01/23 职场文书
OpenCV中resize函数插值算法的实现过程(五种)
2021/06/05 Python
CSS实现五种常用的2D转换
2021/12/06 HTML / CSS