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