jQuery Tools Dateinput使用介绍 - Web前端

作者：98wpeu发布时间：2026-06-26分类：网页前端技术浏览：2

导读：帮助文档:传送门html复制代码代码如下:<!DOCtypeHTML><html><head><title>JQuery...

帮助文档:传送门
html
复制代码代码如下:
<!DOCtypeHTML>
<html>
<head>
<title>JQuery Tools dateinput demo</title>

<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"/>

<style>
.date { width: 357px; }
#calhead { padding-left: 95px; }
#caltitle { background-color: #fff;}
#calnext { float:left; }
</style>
</head>
<body>
<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工具。

标签：Web Dateinput Tools jQuery

jQuery Tools Dateinput使用介绍 - Web前端

相关推荐