`
dengyin2000
  • 浏览: 1225540 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jscalendar日期选择框在yui-ext的dialog中的显示问题。

阅读更多
大家应该都知道jscalendar这个日期选择框吧。 当在yui-ext中的dialog使用时,大家应该会想到会发生什么吧。日期选择框在变灰的背景后面。如下图:



大家都应该知道引起这个问题的原因是dialog的z-index比日期选择框的大。ok。我们只要让日期选择框的z-index比dialog还要大就ok。。

修改 calendar.js代码。 让在创建日期选择框的div时加上z-index属性.

Calendar.prototype.create = function (_par) {
	var parent = null;
	if (! _par) {
		// default parent is the document body, in which case we create
		// a popup calendar.
		parent = document.getElementsByTagName("body")[0];
		this.isPopup = true;
	} else {
		parent = _par;
		this.isPopup = false;
	}
	this.date = this.dateStr ? new Date(this.dateStr) : new Date();

	var table = Calendar.createElement("table");
	this.table = table;
	table.cellSpacing = 0;
	table.cellPadding = 0;
	table.calendar = this;
	Calendar.addEvent(table, "mousedown", Calendar.tableMouseDown);

	var div = Calendar.createElement("div");
	this.element = div;
	div.className = "calendar";
	if (this.isPopup) {
		div.style.position = "absolute";
		div.style.display = "none";
		[b]div.style.zIndex = "11111";[/b]	
	}
	div.appendChild(table);


粗体是后面加上的。

改后的效果ok。


分享到:
评论
6 楼 cozone_柯中 2007-04-09  
dengyin2000 写道
cozone_柯中 写道
jscalendar这个日期选择对 具体时间的选择和操作不方便


cozone_柯中 写道
jscalendar这个日期选择对 具体时间的选择和操作不方便


jscalendar有对time的选择。看下面的demo

http://www.dynarch.com/demos/jscalendar/


我的意思是,选择具体的time不方便,回退的时候还要 按下 shift ..还有 不能 自己输入时间
5 楼 dengyin2000 2007-04-09  
cozone_柯中 写道
jscalendar这个日期选择对 具体时间的选择和操作不方便


cozone_柯中 写道
jscalendar这个日期选择对 具体时间的选择和操作不方便


jscalendar有对time的选择。看下面的demo

http://www.dynarch.com/demos/jscalendar/
4 楼 cozone_柯中 2007-04-09  
jscalendar这个日期选择对 具体时间的选择和操作不方便
3 楼 dengyin2000 2007-04-09  
是不是grid中的DateEditor??
2 楼 dengyin2000 2007-04-09  
差沙 写道
ext自己的日期选择也不错,相对小巧些。。


我没有找到呀?  能否给个link? yui-ext文档太少。
1 楼 差沙 2007-04-09  
ext自己的日期选择也不错,相对小巧些。。

相关推荐

    YUI-EXT使用详解

    4. **表单(Forms)**:YUI-EXT提供了丰富的表单组件,如文本框、选择框、复选框、下拉列表等,同时支持表单验证和数据提交,方便构建交互性强的表单应用。 5. **Ajax交互(Ajax Interactions)**:YUI-EXT集成了...

    YUI-EXT

    YUI-EXT开发学习帮助手册,自己收集网上资料整理的。

    YUI-EXT教材及实例

    我们将讲讲怎么使用Ext,来完成一些JavaScript常见的任务.这是关于Ext的入门教程。

    学习YUI.Ext 第四天--对话框Dialog的使用

    上述代码中,你需要替换`path/to/`为实际存放YUI库及YUI-Ext库的具体路径。 2. **加载CSS样式文件** ```html <link rel="stylesheet" type="text/css" href="path/to/YUI-Ext/css/file"> ``` 这里列出了一些...

    yui-yuidoc-yuidoc-50-529-gc631758

    【描述】"yui-yuidoc-yuidoc-50-529-gc631758" 没有提供具体的描述信息,但我们可以推测这可能表示 YUIDoc 在版本 50 和 529 之间的某个迭代,具体是 gc631758 这个 Git commit(版本控制中的一个唯一标识符)。...

    YUI3 dialog组件

    在YUI3中,首先需要通过`YUI().use()`方法加载Dialog相关的模块,例如: ```javascript YUI().use('dialog', function(Y) { // 在这里编写Dialog的代码 }); ``` 然后可以创建Dialog实例,指定其内容和属性: ```...

    js混淆 压缩 ant结合yui-compressor

    js混淆 压缩 ant结合yui-compressor

    JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools

    JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools

    grunt-yui-compressor-源码.rar

    在Gruntfile.js中,开发者需要配置grunt-yui-compressor插件,指定待压缩的文件、输出目录以及压缩选项。例如: ```javascript grunt.initConfig({ yui_css: { options: { linebreakpos: -1 // 表示不设置换行...

    YUI-ajax框架开发文档

    在"YUI-ajax框架开发文档"中,我们可以深入探讨YUI如何通过其Ajax组件实现异步数据通信。 YUI中的Ajax框架主要由`YAHOO.util.Connect`和`YAHOO.widget.DataSource`两个关键部分组成。`YAHOO.util.Connect`是YUI的...

    yuicompressor-yui compressor

    java -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js //压缩CSS java -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css 语法: java -jar ...

    yuicompressor-maven-plugin

    要在Maven项目中使用`yuicompressor-maven-plugin`,首先需要在项目的`pom.xml`文件中添加插件配置。以下是一个基本配置示例: ```xml ... ... <groupId>net.alchim31.maven</groupId> <artifactId>yui...

    学习YUI.Ext 第六天--关于树TreePanel(Part 1)

    {"text":"yui-ext.js","id":"/yui-ext.js","leaf":true,"cls":"file"}, ... ] ``` 3. **服务器端JSON生成**: 在服务器端,如ASP JScript,可以编写代码来生成上述JSON格式的数据。这通常涉及到数据库查询,将...

    yui-compressor 2.4.6 2011-04-15发布YUI

    yui compressor 2.4.6 发布日期:2011-04-15 用例: java -jar yuicompressor-2.4.6.jar myfile.js -o myfile-min.js

    yuicompressor-2.4.8.jar

    通用参数: -h, --help 显示帮助信息 --type 指定输入文件的文件类型 --charset 指定读取输入文件使用的编码 --line-break 在指定的列后插入一个 line-bread 符号 -v, --verbose 显示info和warn级别的信息 -o 指定...

    Yui_ext 学习笔记

    【Yui_ext 学习笔记】 Yui_ext 是基于 Yahoo! UI Library (YUI) 的扩展,主要用于构建富客户端的 Web 应用程序。这篇学习笔记主要介绍了 Yui_ext 的基础知识,适合对 JavaScript 和 HTML DOM 有一定了解的初学者。 ...

    Ajax(yui-slideshow)

    在YUI中,`yui-slideshow`是一款基于Ajax的幻灯片展示组件,能够帮助开发者轻松创建出交互式的图片或内容轮播效果。 **一、YUI Slideshow的核心特性** 1. **异步加载**:YUI Slideshow支持动态加载内容,可以使用...

    前端开源库-yui-compressor

    npm install yui-compressor ``` 安装完成后,可以使用以下命令对JavaScript或CSS文件进行压缩: ```bash java -jar path/to/yuicompressor.jar --type js input.js -o output.min.js java -jar path/to/yui...

Global site tag (gtag.js) - Google Analytics