Extjs的DatePicker与普通表单的Input文本框集成

最新推荐文章于 2014-07-01 16:55:59 发布

原创最新推荐文章于 2014-07-01 16:55:59 发布 · 8k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #input #stylesheet #function #ext #date

Ext等客户端框架专栏收录该内容

15 篇文章

订阅专栏

本文提供了一个在标准HTML表单中集成ExtJS DatePicker组件的示例，通过JavaScript实现了日期选择器与普通输入框的结合，并附带了完整的代码。

还处于实验阶段，运行效果如下

里面使用的是标准的Form的Input,而不是 Ext.FormPanel

如果你想在自己的表单里使用Ext的日期选择器，可以参考一下这个

Ext的DatePicker与普通表单的Input文本框集成

我这里也给出完整的代码，供喜爱Ext的朋友参考

<%@page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%> <html> <head> <title>测试Extjs的DatePicker的单独使用 - JAVA世纪网，www.java2000.net,老紫竹出品</title> <link rel="stylesheet" type="text/css" href="js/resources/css/ext-all.css" mce_href="js/resources/css/ext-all.css"/> <link rel="stylesheet" type="text/css" href="css/ext-patch.css" mce_href="css/ext-patch.css"/> <mce:script type="text/javascript" src="js/prototype.js" mce_src="js/prototype.js"></mce:script> <mce:script type="text/javascript" src="js/adapter/prototype/scriptaculous.js?load=effects" mce_src="js/adapter/prototype/scriptaculous.js?load=effects"></mce:script> <mce:script type="text/javascript" src="js/adapter/prototype/ext-prototype-adapter.js" mce_src="js/adapter/prototype/ext-prototype-adapter.js"></mce:script> <mce:script type="text/javascript" src="js/ext-all.js" mce_src="js/ext-all.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body id="defaultuser"> <input type="text" name="dateSign" id="dateSign" value="2009-01-07" onclick="showExtCal()"/> </body> </html>