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 相关文章推荐
自适应图片大小的弹出窗口
Jul 27 Javascript
JSON扫盲帖 JSON.as类教程
Feb 16 Javascript
Extjs学习笔记之九 数据模型(上)
Jan 11 Javascript
javascript window.confirm确认 取消对话框实现代码小结
Oct 21 Javascript
jQuery 三击事件实现代码
Sep 11 Javascript
图解Sublime Text3使用技巧
Dec 21 Javascript
jQuery遮罩层效果实例分析
Jan 14 Javascript
Angularjs material 实现搜索框功能
Mar 08 Javascript
AngularJS实现的获取焦点及失去焦点时的表单验证功能示例
Oct 25 Javascript
实例分析vue循环列表动态数据的处理方法
Sep 28 Javascript
vue2.0 实现富文本编辑器功能
May 26 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 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
pdo中使用参数化查询sql
2011/08/11 PHP
PHP number_format() 函数定义和用法
2012/06/01 PHP
php使用curl发送json格式数据实例
2013/12/17 PHP
PHP读取RSS(Feed)简单实例
2014/06/12 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
2010/04/29 Javascript
imgAreaSelect 中文文档帮助说明
2011/10/08 Javascript
Extjs grid添加一个图片状态或者按钮的方法
2014/04/03 Javascript
Vue.js bootstrap前端实现分页和排序
2017/03/10 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
2017/07/19 jQuery
vue仿element实现分页器效果
2018/09/13 Javascript
详解iframe跨域的几种常用方法(小结)
2019/04/29 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
2019/05/13 Javascript
jQuery实现每日秒杀商品倒计时功能
2019/09/06 jQuery
python开发之str.format()用法实例分析
2016/02/22 Python
Python 闭包的使用方法
2017/09/07 Python
Python文件操作基本流程代码实例
2017/12/11 Python
详解tensorflow训练自己的数据集实现CNN图像分类
2018/02/07 Python
使用python爬取B站千万级数据
2018/06/08 Python
Python中浅拷贝copy与深拷贝deepcopy的简单理解
2018/10/26 Python
Python根据欧拉角求旋转矩阵的实例
2019/01/28 Python
django中瀑布流写法实例代码
2019/10/14 Python
用CSS3绘制三角形的简单方法
2015/07/17 HTML / CSS
css3+伪元素实现鼠标移入时下划线向两边展开的效果
2017/04/25 HTML / CSS
Nasty Gal英国:美国女性服饰销售网站
2021/03/02 全球购物
销售助理岗位职责
2014/02/21 职场文书
测量工程专业求职信
2014/02/24 职场文书
丧事主持词大全
2014/04/02 职场文书
领导干部廉政自律承诺书
2014/05/26 职场文书
单位实习鉴定评语
2015/01/04 职场文书
党校毕业个人总结
2015/02/28 职场文书
雷锋之歌观后感
2015/06/10 职场文书
2016七夕情人节广告语
2016/01/28 职场文书
导游词之凤凰古城
2019/10/22 职场文书
解决Jenkins集成SonarQube遇到的报错问题
2021/07/15 Java/Android
python区块链实现简版工作量证明
2022/05/25 Python