jQuery Tools Dateinput使用介紹
更新時(shí)間：2012年07月14日 11:23:51 作者：
對(duì)于時(shí)間控件我比較喜歡用jQuery-ui的那個(gè)，我也比較推薦那個(gè)，所以這篇我就不對(duì)屬性，函數(shù)，API進(jìn)行翻譯了
幫助文檔:傳送門
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"
/>
<!-- 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: '一,二,三,四,無(wú),六,七,' +
'八,九,十,十一,十二',
days: '星期日,星期一,星期二,星期三,星期四,星期五,星期六',
shortDays: '日,一,二,三,四,五,六'
});
});
名稱不區(qū)分大小寫，所以zh-CN就要lang: 'zh-CN'
這篇就這樣簡(jiǎn)單完結(jié)了吧。其他的控件如果用mvc開(kāi)發(fā)，mvc有自帶的提示錯(cuò)誤等等。jQuery-Tools這系列就翻譯一些大家經(jīng)常要用的jQuery工具。
html
復(fù)制代碼 代碼如下:
<!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"
/>
<!-- 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
復(fù)制代碼 代碼如下:
jQuery(function () {
$.tools.dateinput.localize("zh-CN", {
months: '一月,二月,三月,四月,五月,六月,七月,' +
'八月,九月,十月,十一月,十二月',
shortMonths: '一,二,三,四,無(wú),六,七,' +
'八,九,十,十一,十二',
days: '星期日,星期一,星期二,星期三,星期四,星期五,星期六',
shortDays: '日,一,二,三,四,五,六'
});
});
名稱不區(qū)分大小寫，所以zh-CN就要lang: 'zh-CN'
這篇就這樣簡(jiǎn)單完結(jié)了吧。其他的控件如果用mvc開(kāi)發(fā)，mvc有自帶的提示錯(cuò)誤等等。jQuery-Tools這系列就翻譯一些大家經(jīng)常要用的jQuery工具。
相關(guān)文章
這篇文章主要介紹了jQuery中hasClass()方法用法,實(shí)例分析了hasClass()方法的功能、定義及驗(yàn)證匹配元素是否包含指定類的使用技巧,需要的朋友可以參考下2015-01-01
jQuery EasyUI API 中文文檔 - Parser 解析器
jQuery EasyUI API 中文文檔 - Parser 解析器，使用jQuery EasyUI的朋友可以參考下。2011-09-09
jQuery+CSS3實(shí)現(xiàn)樹(shù)葉飄落特效
本文給大家分享的是一段使用jQuery+CSS3實(shí)現(xiàn)樹(shù)葉飄落特效的代碼，效果非常不錯(cuò)，分享給大家，希望大家能夠喜歡2015-02-02
jQuery中animate()的使用方法及解決$(”body“).animate({“scrollTop”:top})
這篇文章主要介紹了關(guān)于jQuery中animate()的使用方法及解決$("body").animate({"scrollTop":top})不被Firefox支持的問(wèn)題，文中介紹的非常詳細(xì)，相信對(duì)大家具有一定的參考價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-04-04
jQuery實(shí)現(xiàn)長(zhǎng)按按鈕觸發(fā)事件的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)長(zhǎng)按按鈕觸發(fā)事件的方法,可應(yīng)用于手機(jī)端應(yīng)用程序的開(kāi)發(fā)中,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
基于jQuery實(shí)現(xiàn)仿微博發(fā)布框字?jǐn)?shù)提示
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)仿微博發(fā)布框字?jǐn)?shù)提示的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07
原生js實(shí)現(xiàn)addclass,removeclass,toggleclasss實(shí)例
下面小編就為大家?guī)?lái)一篇原生js實(shí)現(xiàn)addclass,removeclass,toggleclasss實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起 小編過(guò)來(lái)看看吧2016-11-11
jquery中attr、prop、data區(qū)別與用法分析
這篇文章主要介紹了jquery中attr、prop、data區(qū)別與用法,結(jié)合實(shí)例形式分析了jQuery中attr、prop、data的區(qū)別、功能、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2019-09-09
這篇文章主要介紹了jQuery中:last選擇器用法,實(shí)例分析了:last選擇器的功能、定義及匹配時(shí)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
這篇文章主要是對(duì)jquery ajax 局部刷新的小案例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02