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開發(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開發(fā)，mvc有自帶的提示錯(cuò)誤等等。jQuery-Tools這系列就翻譯一些大家經(jīng)常要用的jQuery工具。
相關(guān)文章
jQuery調(diào)用WebMethod(PageMethod) NET2.0的方法
這篇文章主要介紹了jQuery調(diào)用WebMethod(PageMethod) NET2.0的方法,結(jié)合實(shí)例形式分析了jQuery基于ajax調(diào)用.NET方法的相關(guān)技巧,需要的朋友可以參考下2016-04-04
jQuery簡(jiǎn)單實(shí)現(xiàn)點(diǎn)擊文本框復(fù)制內(nèi)容到剪貼板上的方法
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)點(diǎn)擊文本框復(fù)制內(nèi)容到剪貼板上的方法,涉及jQuery針對(duì)瀏覽器的判定與剪貼板的讀寫操作技巧,需要的朋友可以參考下2016-08-08
jQuery實(shí)現(xiàn)frame之間互通的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)frame之間互通的方法,結(jié)合實(shí)例形式分析了jQuery實(shí)現(xiàn)frame父子框架之間的調(diào)用操作實(shí)現(xiàn)方法,需要的朋友可以參考下2017-06-06
jQuery實(shí)現(xiàn)DIV層淡入淡出拖動(dòng)特效的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)DIV層淡入淡出拖動(dòng)特效的方法,涉及jQuery針對(duì)鼠標(biāo)操作的常用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
提交表單的方法有很多，想必大家都知道一些吧，下面為大家講解下使用ajax的方式提交整個(gè)表單，具體實(shí)現(xiàn)如下，有此需求的朋友可以參考下，希望對(duì)大家有所幫助2013-08-08
這篇文章主要介紹了基于jquery實(shí)現(xiàn)日歷簽到功能，我們?cè)谕嬗螒虻臅r(shí)候或者登錄某手機(jī)軟件時(shí)都會(huì)有一個(gè)簽到功能，記錄大家的登錄日期，這個(gè)日歷簽到如何實(shí)現(xiàn)？本文為大家進(jìn)行揭曉。2015-11-11
這篇文章主要為大家詳細(xì)介紹了layui導(dǎo)航欄效果的實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
大家在做省市區(qū)下拉框聯(lián)動(dòng),或者是產(chǎn)品分類聯(lián)動(dòng),或者是部門聯(lián)動(dòng)等下拉框時(shí)怎么做? 是用ajaxpro.dll 還是jquery ajax呢2010-12-12
jQuery中setTimeout的幾種使用方法小結(jié)
jQuery 中 setTimeout/setInterval 不能像在原生態(tài) javascript 中那樣使用, 否則會(huì)報(bào)錯(cuò).2013-04-04
jquery利用event.which方法獲取鍵盤輸入值的代碼
jquery利用event.which方法獲取鍵盤輸入值的代碼，需要的朋友可以參考下。2011-10-10