jQuery Tools Dateinput使用介绍

程序员文章站 2022-03-12 09:35:56

代码如下: jquery tools dateinput demo</...</div> <div class="content"> <p>代码如下:</p> <p class="codebody" id="code46195"><!doctype html><br> <html><br> <head><br> <title>jquery tools dateinput demo</title><br> <br> <script src="https://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script><br> <script src="./jquery.tools.date-zh-cn.js"></script><br> <link rel="stylesheet" type="text/css"<br> href="https://jquerytools.org/media/css/dateinput/large.css"/><br> <br> <style><br> .date { width: 357px; }<br> #calhead { padding-left: 95px; }<br> #caltitle { background-color: #fff;}<br> #calnext { float:left; }<br> </style><br> </head><br> <body><br> <p style="width:360px; margin:0 auto;"><br> <input type="date" name="test" value="0" /><br> </p><br> <script><br> $(function () {<br> $(":date").dateinput({<br> lang: 'zh-cn',<br> format: 'dddd dd, mmmm yyyy',<br> offset: [30, 0]<br> });<br> })<br> </script><br> </body><br> </html></p> <br><a href="https://www.2cto.com/kf/qianduan/css/" target="_blank" class="keylink" rel="nofollow">css</a><br> 我直接用他们的<br> https://jquerytools.org/media/css/dateinput/large.css<br> 汉化：<br> query.tools.date-zh-cn.js<br><p class="codetitle"><span onclick="docopy('code37909')" style="cursor: pointer"><u>.</u></span> 代码如下:</p> <p class="codebody" id="code37909"><br> jquery(function () {<br> $.tools.dateinput.localize("zh-cn", {<br> months: '一月,二月,三月,四月,五月,六月,七月,' +<br> '八月,九月,十月,十一月,十二月',<br> shortmonths: '一,二,三,四,无,六,七,' +<br> '八,九,十,十一,十二',<br> days: '星期日,星期一,星期二,星期三,星期四,星期五,星期六',<br> shortdays: '日,一,二,三,四,五,六'<br> });<br> });</p> <br> 名称不区分大小写，所以zh-cn就要lang: 'zh-cn'<br> 这篇就这样简单完结了吧。其他的控件如果用m开发，mvc有自带的提示错误等等。jquery-tools这系列就翻译一些大家经常要用的jquery工具。 </div> <div class="info-pre-next"> <p> 上一篇： <a href="/article/155635.html"> 大数据学习之Hadoop运行模式 </a> </p> <p> 下一篇： <a href="/article/155637.html"> mysql 开发进阶篇系列 50 表的数据导入(load data infile，mysqlimport ) </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/2130935.html" target="_blank" title="jQuery选择器之id选择器使用介绍"> <h2> jQuery选择器之id选择器使用介绍 </h2> </a> </li> <li> <a href="/article/2121461.html" target="_blank" title="jQuery的选择器中的通配符使用介绍"> <h2> jQuery的选择器中的通配符使用介绍 </h2> </a> </li> <li> <a href="/article/2120106.html" target="_blank" title="JQuery 中几个类选择器的简单使用介绍"> <h2> JQuery 中几个类选择器的简单使用介绍 </h2> </a> </li> <li> <a href="/article/2115755.html" target="_blank" title="jquery $(this).attr $(this).val方法使用介绍"> <h2> jquery $(this).attr $(this).val方法使用介绍 </h2> </a> </li> <li> <a href="/article/2115721.html" target="_blank" title="jquery滚动条插件jScrollPane的使用介绍"> <h2> jquery滚动条插件jScrollPane的使用介绍 </h2> </a> </li> <li> <a href="/article/2108804.html" target="_blank" title="jQuery Tools tab使用介绍"> <h2> jQuery Tools tab使用介绍 </h2> </a> </li> <li> <a href="/article/2102034.html" target="_blank" title="AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法"> <h2> AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法 </h2> </a> </li> <li> <a href="/article/2094630.html" target="_blank" title="JQuery编程开发中extend使用方法介绍"> <h2> JQuery编程开发中extend使用方法介绍 </h2> </a> </li> <li> <a href="/article/2083111.html" target="_blank" title="jquery delay（）介绍及使用指南"> <h2> jquery delay（）介绍及使用指南 </h2> </a> </li> <li> <a href="/article/2072006.html" target="_blank" title="jquery $.trim()方法使用介绍"> <h2> jquery $.trim()方法使用介绍 </h2> </a> </li> </ul> </div> </article> </div> </main> <footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body> </html>