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怎么把&amp;字符换成&quot;&amp;amp:&quot;
Oct 19 Javascript
JavaScript 使用技巧精萃(.net html
Apr 25 Javascript
20个非常有用的PHP类库 加速php开发
Jan 15 Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
Nov 06 Javascript
javascript上下方向键控制表格行选中并高亮显示的方法
Feb 13 Javascript
Jquery动态添加输入框的方法
May 29 Javascript
jquery移动点击的项目到列表最顶端的方法
Jun 24 Javascript
js实现网页抽奖实例
Aug 05 Javascript
JS模拟并美化的表单控件完整实例
Aug 19 Javascript
纯JS代码实现气泡效果
May 04 Javascript
浅谈node的事件机制
Oct 09 Javascript
Vue监听事件实现计数点击依次增加的方法
Sep 26 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
php部分常见问题总结
2008/03/27 PHP
深入PHP FTP类的详解
2013/06/13 PHP
ThinkPHP3.2框架自定义配置和加载用法示例
2018/06/14 PHP
PHP PDOStatement::errorInfo讲解
2019/01/31 PHP
Laravel 5.2 文档 数据库 ―― 起步介绍
2019/10/21 PHP
PhpStorm+xdebug+postman调试技巧分享
2020/09/15 PHP
用jQuery技术实现Tab页界面之二
2009/09/21 Javascript
Javascript学习笔记二 之 变量
2010/12/15 Javascript
js采用map取到id集合组并且实现点击一行选中一行
2013/12/16 Javascript
JS脚本defer的作用示例介绍
2014/01/02 Javascript
jquery实现预览提交的表单代码分享
2014/05/21 Javascript
jQuery中ajax错误调试分析
2016/12/01 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
2016/12/22 Javascript
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
2017/07/13 Javascript
解决option标签selected=&quot;selected&quot;属性失效的问题
2017/11/06 Javascript
React Native 真机断点调试+跨域资源加载出错问题的解决方法
2018/01/18 Javascript
js Array.slice的8种不同用法示例
2019/07/10 Javascript
JS原型对象操作实例分析
2020/06/06 Javascript
搭建Python的Django框架环境并建立和运行第一个App的教程
2016/07/02 Python
使用Django Form解决表单数据无法动态刷新的两种方法
2017/07/14 Python
python 3.6 +pyMysql 操作mysql数据库(实例讲解)
2017/12/20 Python
Python实现基于KNN算法的笔迹识别功能详解
2018/07/09 Python
利用ImageAI库只需几行python代码实现目标检测
2019/08/09 Python
关于ResNeXt网络的pytorch实现
2020/01/14 Python
Python读取Excel数据并生成图表过程解析
2020/06/18 Python
KEETSA环保床垫:更好的睡眠,更好的生活!
2016/11/24 全球购物
数据库的约束含义
2012/09/09 面试题
应届专科生个人的自我评价
2014/01/05 职场文书
幼儿运动会邀请函
2014/01/17 职场文书
大学生的创业计划书就该这么写
2014/01/30 职场文书
初中考试作弊检讨书
2014/02/01 职场文书
2014年督导工作总结
2014/11/19 职场文书
2014年监理个人工作总结
2014/12/11 职场文书
创业计划书之小型广告公司
2019/10/22 职场文书
mysql 获取相邻数据项
2022/05/11 MySQL
html中两种获取标签内的值的方法
2022/06/10 HTML / CSS