ExtJS日期时间选择控件示例

共5个文件

js：4个

html：1个

extjs,web

5星 · 超过95%的资源需积分: 45 265 下载量 64 浏览量 2013-08-23 15:32:56 上传评论 6 收藏 23KB ZIP 举报

温馨提示

ExtJS日期时间控件。详细信息参照我的博文： http://blog.csdn.net/lvye1221/article/details/10225941 这是我在 apache 目录下部署了测试示例。将附件中的测试用例，按照以下方式部署好，即可成功访问： apache 根目录包含： extjs 4.0.7 的文件夹，再新建一个测试用的文件夹 test-form, 根目录的目录列表如下所示： ext-4.0.7-gpl test-form/ test-form 文件夹里的列表如下所示，即为解压后的测试示例代码。 test-container.html zhiyuan/ 部署成功后，访问地址为： http://localhost/test-form/test-container.html

资源推荐

资源详情

资源评论

收起资源包目录

test-form.zip （5个子文件）

test-form

zhiyuan

form

DateTime.js 34KB

DateFieldRange.js 1KB

DateTimePicker.js 34KB

DateTimeField.js 18KB

test-container.html 975B

共 5 条

<html> <head> <title>test-form</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="../ext-4.0.7-gpl/resources/css/ext-all.css"> <script type="text/javascript" src="../ext-4.0.7-gpl/ext-debug.js"></script> <style type="text/css"> </style> <script type="text/javascript"> Ext.require([ 'Ext.container.Container', 'zhiyuan.form.DateFieldRange' ]); Ext.onReady(function () { var myContainer = Ext.create('Ext.container.Container', { id: 'htContainer', width: 800, height: 300, renderTo: Ext.getBody() }); myContainer.add({ xtype: 'datefieldrange', width: 550, height: 60 }); myContainer.add({ itemId: 'test-datetimefield', xtype: 'datetimefield', fieldLabel: '单个控件:', labelSeparator: '', labelWidth: 70, format: 'Y-m-d H:i:s', value: new Date() }); }); </script> </head> <body> </body> </html>

评论收藏

内容反馈

资源评论