jQuery Tools Dateinput使用介绍

程序员文章站 2024-01-02 23:53:46

代码如下: 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/.html"> </a> </p> <p> 下一篇： <a href="/article/.html"> </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/2331391.html" target="_blank" title="jQuery Tools Dateinput使用介绍"> <h2> jQuery Tools Dateinput使用介绍 </h2> </a> </li> <li> <a href="/article/2329589.html" target="_blank" title="JQuery 中几个类选择器的简单使用介绍_jquery"> <h2> JQuery 中几个类选择器的简单使用介绍_jquery </h2> </a> </li> <li> <a href="/article/2325878.html" target="_blank" title="js弹出框轻量级插件jquery.boxy使用介绍_jquery"> <h2> js弹出框轻量级插件jquery.boxy使用介绍_jquery </h2> </a> </li> <li> <a href="/article/2320276.html" target="_blank" title="JQuery编程开发中extend使用方法介绍"> <h2> JQuery编程开发中extend使用方法介绍 </h2> </a> </li> <li> <a href="/article/2302634.html" target="_blank" title="jquery prop的使用介绍及与attr的区别_jquery"> <h2> jquery prop的使用介绍及与attr的区别_jquery </h2> </a> </li> <li> <a href="/article/2301467.html" target="_blank" title="Jquery 的outerHeight方法使用介绍_jquery"> <h2> Jquery 的outerHeight方法使用介绍_jquery </h2> </a> </li> <li> <a href="/article/2298043.html" target="_blank" title="jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包_jquery"> <h2> jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包_jquery </h2> </a> </li> <li> <a href="/article/2294943.html" target="_blank" title="jquery append()方法与html()方法的区别及使用介绍_jquery"> <h2> jquery append()方法与html()方法的区别及使用介绍_jquery </h2> </a> </li> <li> <a href="/article/2184825.html" target="_blank" title="jquery prop的使用介绍及与attr的区别"> <h2> jquery prop的使用介绍及与attr的区别 </h2> </a> </li> <li> <a href="/article/2181619.html" target="_blank" title="jquery开发中 $.expr使用实例介绍"> <h2> jquery开发中 $.expr使用实例介绍 </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>