单独使用Ext的DatePicker,与普通表单的Input文本框集成
来源:互联网 发布:公司搜索软件 编辑:程序博客网 时间:2024/05/17 07:13
原文地址:http://www.java2000.net/p14326
单独使用Ext的DatePicker,与普通表单的Input文本框集成
完整的源代码看这里, 里面的css和js我就不写了吧,呵呵!
<%@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"/>
<link rel="stylesheet" type="text/css" href="css/ext-patch.css"/>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/adapter/prototype/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/adapter/prototype/ext-prototype-adapter.js"></script>
<script type="text/javascript" src="js/ext-all.js"></script>
<script type="text/javascript">
var dateSign;
var dateSignShow;
Ext.onReady(function(){
dateSign = new Ext.DatePicker({
applyTo:"dateSign",
renderTo:"dateSign",
hidden:"true",
format:"Y-m-d"
});
dateSign.on("select",function(src,date){
$("dateSign").value=date.format('Y-m-d');
dateSign.hide();
dateSignShow = false;
});
});
function showExtCal(){
if(dateSignShow){
dateSign.hide();
dateSignShow = false;
}else{
dateSign.setValue(Date.parseDate($("dateSign").value,'Y-m-d'));
dateSign.show();
dateSignShow = true;
}
}
</script>
</head>
<body id="defaultuser">
<input type="text" name="dateSign" id="dateSign" value="2009-01-07" onclick="showExtCal()"/>
</body>
</html>
- 单独使用Ext的DatePicker,与普通表单的Input文本框集成
- Extjs的DatePicker与普通表单的Input文本框集成
- DatePicker与TimePicker的使用
- 让input(文本框)表单只读的几种方法
- 让input(文本框)表单只读的几种方法
- Ajax上传带有普通input和文件的表单Form
- 普通jsp页面的form表单与使用struts框架的form表单的区别
- dwr与普通类的集成
- form表单同时提交文件类型的input和普通input的方法
- 普通表单与响应式表单的对比
- 表单label与input对齐的方法
- 一些普通的ext方法
- DatePicker的使用
- DatePicker的使用(一)
- DatePicker的使用(二)
- DatePicker的使用
- DatePicker、DatePickerDialog的使用
- Ionic Datepicker的使用
- 一转眼他就过来了
- 回车与按钮点击事件
- 嵌入式数据库的现状和未来
- 转动态获得表单行列
- flash的动画元件作FLEX皮肤
- 单独使用Ext的DatePicker,与普通表单的Input文本框集成
- 新开博客!带来新的希望。。
- sed命令详解
- 由Hiberante的Session 工具类了解ThreadLocal
- 文本处理命令
- 腾讯的一道面试题
- SHELL指令
- Oracle 10g 完全卸载
- 磁盘与文件系统管理