作家
登录

jQuery Tools Dateinput使用介绍

作者: 来源:www.28hudong.com 2013-03-30 00:26:31 阅读 我要评论

帮助文档:传送门 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" href="http://jquerytools.org/media/css/dateinput/large.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: '日,一,二,三,四,五,六' }); }); 名称不区分大小写,所以zh-CN就要lang: 'zh-CN' 这篇就这样简单完结了吧。其他的控件如果用mvc开发,mvc有自带的提示错误等等。jQuery-Tools这系列就翻译一些大家经常要用的jQuery工具。

  推荐阅读

  增强用户体验友好性之jquery easyui window 窗口关闭时的提示

我的弹窗是这么写的 复制代码 代码如下: $('#aa').click(function(){ //按钮单击事件   $('#w').window({//窗口初始化     title:'随便点',width:400,height:300,iconCls:'icon_add',     //重要的部分 >>>详细阅读


本文标题:jQuery Tools Dateinput使用介绍

地址:http://www.17bianji.com/kaifa2/JS/23281.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)