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 相关文章推荐
js removeChild 障眼法 可能出现的错误
Oct 06 Javascript
Jquery截取中文字符串的实现代码
Dec 22 Javascript
javascript中加号(+)操作符的一些神奇作用
Jun 06 Javascript
一行命令搞定node.js 版本升级
Jul 20 Javascript
jQuery中slideUp()方法用法分析
Dec 24 Javascript
JavaScript通过字符串调用函数的实现方法
Mar 18 Javascript
JS实现的表格操作类详解(添加,删除,排序,上移,下移)
Dec 22 Javascript
微信小程序文章详情页跳转案例详解
Jul 09 Javascript
微信小程序实现签字功能
Dec 23 Javascript
Vue Render函数原理及代码实例解析
Jul 30 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
Aug 05 Javascript
js实现列表按字母排序
Aug 11 Javascript
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
[EPIC] Larva vs Flash ZvT @ Crossing Field [2017-10-09]
2020/03/17 星际争霸
如何使用PHP获取网络上文件
2006/10/09 PHP
PHP无限分类的类
2007/01/02 PHP
PHP连接MongoDB示例代码
2012/09/06 PHP
php实现将wav文件转换成图像文件并在页面中显示的方法
2015/04/21 PHP
php实现微信模拟登陆、获取用户列表及群发消息功能示例
2017/06/28 PHP
解决php用mysql方式连接数据库出现Deprecated报错问题
2019/12/25 PHP
Javascript优化技巧(文件瘦身篇)
2008/01/28 Javascript
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
2010/12/11 Javascript
优化Jquery,提升网页加载速度
2013/11/14 Javascript
js css 实现遮罩层覆盖其他页面元素附图
2014/09/22 Javascript
跟我学习javascript的隐式强制转换
2015/11/16 Javascript
jquery实现倒计时功能
2015/12/28 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
2016/04/30 Javascript
jQuery插件passwordStrength密码强度指标详解
2016/06/24 Javascript
Javascript DOM事件操作小结(监听鼠标点击、释放,悬停、离开等)
2017/01/20 Javascript
谈谈JavaScript数组常用方法总结
2017/01/24 Javascript
详解Node.js使用token进行认证的简单示例
2020/05/25 Javascript
vscode中Vue别名路径提示的实现
2020/07/31 Javascript
python中numpy包使用教程之数组和相关操作详解
2017/07/30 Python
使用python和Django完成博客数据库的迁移方法
2018/01/05 Python
使用python装饰器计算函数运行时间的实例
2018/04/21 Python
Python Sympy计算梯度、散度和旋度的实例
2019/12/06 Python
Python openpyxl 插入折线图实例
2020/04/17 Python
django 解决自定义序列化返回处理数据为null的问题
2020/05/20 Python
使用Python封装excel操作指南
2021/01/29 Python
HTML5新增form控件和表单属性实例代码详解
2019/05/15 HTML / CSS
Europcar葡萄牙:葡萄牙汽车和货车租赁
2017/10/13 全球购物
2014物价局群众路线对照检查材料思想汇报
2014/09/21 职场文书
2014年保卫部工作总结
2014/11/21 职场文书
汽车转让协议书
2015/01/29 职场文书
学校食品安全责任书
2015/01/29 职场文书
员工工作表扬信
2015/05/05 职场文书
中学社团活动总结
2015/05/07 职场文书
民政局未婚证明
2015/06/15 职场文书
JS中一些高效的魔法运算符总结
2021/05/06 Javascript