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 相关文章推荐
Jquery插件之多图片异步上传
Oct 20 Javascript
js 替换功能函数,用正则表达式解决,js的全部替换
Dec 08 Javascript
jQuery Jcrop插件实现图片选取功能
Nov 23 Javascript
node.js中的fs.fchownSync方法使用说明
Dec 16 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
May 26 Javascript
jQuery绑定事件的几种实现方式
May 09 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
Jun 29 Javascript
VsCode插件整理(小结)
Sep 14 Javascript
vue中axios的封装问题(简易版拦截,get,post)
Jun 15 Javascript
小程序实现自定义导航栏适配完美版
Apr 02 Javascript
Vue单文件组件开发实现过程详解
Jul 30 Javascript
vue 给数组添加新对象并赋值
Apr 20 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
thinkphp的c方法使用示例
2014/02/24 PHP
php微信公众平台开发之微信群发信息
2016/09/13 PHP
PHP CURL中传递cookie的方法步骤
2019/05/09 PHP
Laravel5.1 框架路由基础详解
2020/01/04 PHP
Javascript实例教程(19) 使用HoTMetal(3)
2006/12/23 Javascript
Auntion-TableSort国人写的一个javascript表格排序的东西
2007/11/12 Javascript
javascript offsetX与layerX区别
2010/03/12 Javascript
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
2010/06/02 Javascript
jquery文本框中的事件应用以输入邮箱为例
2014/05/06 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
2015/01/09 Javascript
用户代理字符串userAgent可实现的四个识别
2015/09/20 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
2016/06/13 Javascript
JavaScript使用Range调色及透明度实例
2016/09/25 Javascript
在Vue中使用highCharts绘制3d饼图的方法
2018/02/08 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
2019/05/31 jQuery
简单分析js中的this的原理
2019/08/31 Javascript
通过实例了解JS 连续赋值
2019/09/24 Javascript
JavaScript中条件语句的优化技巧总结
2020/12/04 Javascript
[02:11]2014DOTA2 TI专访VG战队Fenrir:队伍气氛良好
2014/07/11 DOTA
[01:18:45]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第三场2月1日
2021/03/11 DOTA
Python的Django框架中自定义模版标签的示例
2015/07/20 Python
python字符串连接方法分析
2016/04/12 Python
人机交互程序 python实现人机对话
2017/11/14 Python
Python3.6.0+opencv3.3.0人脸检测示例
2018/05/25 Python
python 使用re.search()筛选后 选取部分结果的方法
2018/11/28 Python
python的xpath获取div标签内html内容,实现innerhtml功能的方法
2019/01/02 Python
python实现两个经纬度点之间的距离和方位角的方法
2019/07/05 Python
python实现连连看游戏
2020/02/14 Python
Python matplotlib绘制图形实例(包括点,曲线,注释和箭头)
2020/04/17 Python
Python如何把Spark数据写入ElasticSearch
2020/04/18 Python
美国首屈一指的高品质珠宝设计师和零售商:Allurez
2018/01/23 全球购物
电子信息科学专业自荐信
2014/01/30 职场文书
开展批评与自我批评发言材料
2014/05/15 职场文书
政风行风建设整改方案
2014/10/27 职场文书
2014年审计人员工作总结
2014/12/19 职场文书
介绍信模板
2015/01/31 职场文书