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

完全动态生成年月日下拉关联菜单 flex版

    博客分类:
  • flex
阅读更多
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()" >
<mx:Script>
<![CDATA[
/************************************************************************
*
*  文件名:todaychange.mxml
*
*  文件描述:完全动态生成年月日下拉关联菜单 flex版
*
*  创建人:hereson, 2008年4月21日
*
*  版本号:1.0
*
*  修改记录:
*
************************************************************************/

private var today:Date;
private var YMD:Date;
private var datoptions:Array = new Array();

private function  init():void
{
if( YMD==null ) setDefault();
var todaYear:Number=today.getFullYear();
addOption(month,1,12);
addOption(day,1,31);
addOption(year,todaYear-50,todaYear,todaYear-25);
}
private function monthDay(intYear:Number,intMonth:Number):Number{
    var mDate:Date = new Date(intYear,intMonth,-1);
    var mDay:Number = mDate.getDate() + 1;
    return mDay;   
}
private function resetDay():void
{
  var intYear:Number  = Number(year.selectedItem);
  var intMonth:Number = Number(month.selectedItem);
  var num:Number = monthDay(intYear, intMonth);
  var len:Number = datoptions.length;
  if( len > num )
  {
      datoptions.splice(num,len-num);
  }else if( len < num )
  {
     addOption(day, 1, num);
  }
 
}

private function resetMonth():void{
  month.selectedItem = 1;
  resetDay();
}
private function setDefault(day:String=""):void{
today = new Date();
if( day!="" ) {
var splitDay:Array = day.split("-");
today = new Date( splitDay[0], splitDay[1]-1, splitDay[2] );
}
YMD = new Date(today.getFullYear(), today.getMonth()+1, today.getDate());
}
private function addOption( obj:ComboBox, start:Number, end:Number, selected:Number=-1):void
{
var temparr:Array=new Array();
end++;
for(var i:Number=start;i<end;i++)
{
temparr.push(i);
}
obj.dataProvider=temparr;
if(start>1)obj.selectedIndex=selected-start;
}

]]>
</mx:Script>
<mx:HBox  width="100%" horizontalAlign="center" paddingTop="20">
<mx:ComboBox id="year" change="resetMonth()"/>
<mx:Label text="年"/>
<mx:ComboBox id="month" change="resetDay()"/>
<mx:Label text="月" />
<mx:ComboBox id="day" />
<mx:Label text="日"/>
</mx:HBox>
</mx:Application>
分享到:
评论

相关推荐

    下拉菜单年月日插件

    在IT领域,尤其是在网页开发中,下拉菜单年月日插件是一种常见的用户界面元素,用于帮助用户方便地选择日期。这种插件通常涉及到前端开发技术,如HTML、CSS和JavaScript,尤其是jQuery库,因为提供的文件名为...

    利用jsp关联下拉列表日期

    在本文中,我们将探讨如何使用JSP(JavaServer Pages)技术实现关联下拉列表的功能,具体来说是如何根据用户选择的年份和月份动态更新显示的日期列表。这是一个实用且常见的功能,在很多需要用户输入日期的应用场景...

    jsp出生日期三级级联下拉列表

    当用户更改了一个下拉列表的选项时,触发关联的JavaScript函数。 3. **DOM操作**:JavaScript可以用来修改HTML文档的对象模型,即DOM(Document Object Model)。通过改变DOM元素的属性或内容,我们可以更新页面...

    Ext扩展dateField时间控件,可以选择年月日、年月、年、月

    这通常通过添加额外的下拉菜单或者按钮来实现,让用户可以方便地更改日期选择范围。 2. **自定义格式**:根据不同的选择模式,控件应能显示和接受不同的日期格式。例如,当选择年月日时,日期格式可能是`YYYY-MM-DD...

    年月日三联动,时间控件

    年月日三联动时间控件是一种常见的用户界面元素,它允许用户通过三个相互关联的下拉框分别选择年、月和日,以精确地输入日期。这种控件在各种Web应用和桌面应用中广泛使用,尤其适用于需要用户输入日期的情况。下面...

    android年月日三级联动日期选择器demo

    "android年月日三级联动日期选择器demo"是一个专门实现这种功能的示例代码,它允许用户通过三个相互关联的下拉菜单(年、月、日)来选择一个具体的日期。下面我们将深入探讨这个demo涉及的知识点。 1. **自定义View...

    jquery出生年月日插件

    3. **插件内部逻辑**:插件内部会根据设定生成年、月、日的下拉列表,并监听用户的选择。当用户完成选择后,插件会自动将选定的日期组合成完整的日期字符串,并显示在输入框中。 ### 四、插件特性 - **易用性**:...

    JS年月日三级联动下拉框日期选择特效代码

    总之,"JS年月日三级联动下拉框日期选择特效代码"是一种实用的前端技术实现,通过JavaScript动态生成和控制下拉菜单,实现了年月日的联动选择。对于开发者来说,理解和实现这样的功能不仅可以提高页面的交互性,也是...

    Jquery 日历代码 可选年月

    为了展示年月选择,可能还会添加下拉菜单或按钮。年份和月份的更新会触发日历的重新渲染。 3. **事件绑定**:插件会监听用户对日历元素的操作,如点击日期单元格、切换年月等。这些事件的处理器会更新选定的日期,...

    JS年月日三级联动下拉框日期选择代码.zip

    这种设计允许用户通过三个下拉菜单分别选择年、月和日,形成一个完整的日期。在这个"JS年月日三级联动下拉框日期选择代码.zip"压缩包中,包含了一个实现这一功能的代码示例。 首先,我们要理解“联动”这个词在编程...

    年月日选择器js特效特效代码

    "年月日选择器js特效特效代码" 提供了一种基于Backbone.js实现的解决方案,旨在优化用户体验,让用户更方便地选择日期。Backbone.js是一个轻量级的JavaScript库,它为构建复杂的Web应用提供了模型层(Model)、视...

    b s开发常用javaScript技术第1 4页.docx

    - **5.5 多层次下拉菜单**:创建多个层级的下拉菜单,方便展示更复杂的信息结构。 - **5.6 模拟 IE 菜单按钮**:模仿 IE 浏览器菜单的设计风格。 - **5.7 状态栏和 title 栏动态效果**:实现状态栏和 title 栏的...

    狐表(FoxTable)从入门到精通图文教程

    - **如何计算年月日**: 计算日期相关的数值。 - **计算功能太弱**: 针对表达式的计算功能不足的情况提出解决方案。 - **数据无法保存**: 解决数据保存失败的问题。 - **美化自动编号**: 自定义自动编号的格式。 ###...

    文章管理系统

    2014年09月12日 V2.85更新包(推荐升级) 1.[*修复]修复后台某文件出现任意下载漏洞【感谢乌云[haitaowuyun]发现】 2.[*修复]修复前台存在的SQL注入风险漏洞【感谢乌云[语邑尘]发现】 3.[*修复]修复前台存在的xss跨...

    PHP员工信息管理、BootStrap课程设计作业

    - 应用Bootstrap的表单组件来创建员工信息和部门管理的输入表单,如输入框、下拉菜单等,提高用户体验。 - 使用Bootstrap的表格组件展示查询结果,使数据清晰易读。 - 结合JavaScript和jQuery,实现表单验证、...

    foxtable图文教程

    - **2.8.16 如何计算年月日:** 提供了日期计算的具体方法。 - **2.8.17 计算功能太弱?:** 针对计算功能不足的问题提供了改进建议。 - **2.8.18 数据无法保存?:** 分析了数据保存失败的原因及解决措施。 - **...

    日期多选,连续日期、间断日期快速选择

    - 实现此功能,需要提供输入框让用户输入年月,或者下拉菜单供用户选择,然后更新日历视图。 6. **Kalendae库**: - "Kalendae-master"这个文件名很可能指的是Kalendae,这是一个JavaScript库,专门用于创建交互...

    人力资源管理软件(完全免费)

    考勤机定义,支持多种多台考勤机,可动态扩展 出差记录管理(人力资源软件) 请假记录管理(人力资源软件) 调休记录管理(人力资源软件) 加班记录管理(人力资源软件) 支持和工资单接口(人力资源软件) 支持自定义...

    jQuery基于bootstrap日期时间选择器集合插件特效源码.zip

    - **日期时间选择**:用户可以通过上下滑动年月日、小时分钟秒的滑块来选择具体日期和时间,点击确定按钮后,所选值会自动填充到关联的输入框。 - **日期范围选择**:一些插件还支持选择日期范围,如开始日期和...

Global site tag (gtag.js) - Google Analytics