Flex自定义日历控件

最新推荐文章于 2012-09-05 13:44:38 发布
最新推荐文章于 2012-09-05 13:44:38 发布
阅读量2.7k 收藏
点赞数
分类专栏： web(前台) 文章标签： flex function date button 日历 application

在使用Flex做日程安排的时候需要一个日历功能，在日历中显示日程信息，Flex自带的日历中没有自定义功能，因此自己写了一个日历控件，效果如下:

制作方法：

创建一个Module,在其中放置一个Grid,将其分为7x7个单元格

接口:

事件:

ItemClick 单击事件

参数:

e.result.data 单击时的GridItem对象

e.result.date 单击时的日期信息

DateChange 日期改变事件

参数:

e.result.year 年份

e.result.month 月份,已修正1-12

e.result.data  Grid对象

方法:

setDate(y:int,m:int) 设置当前显示日期

y年份

m月份,已修正1-12

setDayInfo(d:int,text:String)设置日期信息

d日期

text 信息

例子:

    lbl2.text="改变日期:"+y+"年"+m+"月";
    if(m==1) md.setDayInfo(1,"/n<font color='#ff0000'>元旦</font>");
    if(m==5) md.setDayInfo(1,"/n愚人节");
    if(m==6) md.setDayInfo(1,"/n儿童节");
    if(m==7) md.setDayInfo(1,"/n建党节");
    if(m==8) md.setDayInfo(1,"/n建军节");
    if(m==10) md.setDayInfo(1,"/n国庆节"); 

哈哈，下面是源码:

MyDate.MXML

 <?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="304" initialize="init()">
<mx:Style>
 .header{text-align:center}
</mx:Style>
<mx:Metadata>
 //定义事件
 [Event(name="ItemClick",type="mx.rpc.events.ResultEvent")]//单击事件
 [Event(name="DateChange",type="mx.rpc.events.ResultEvent")]//年月改变时的事件
</mx:Metadata>
<mx:Script>
 <![CDATA[
  import mx.rpc.events.ResultEvent;  
  import mx.controls.Alert;
  import mx.containers.GridRow;
  import mx.collections.ArrayCollection;
  import mx.utils.ArrayUtil;
  import mx.containers.GridItem;
  private var oldItem:GridItem;
  private var lbls:ArrayCollection;
  private var yy:int;
  private var mm:int;
  private var firstDay:int;
  //初始化
  private function init(){
   lbls=new ArrayCollection();
   for(var i=1;i<dg1.getChildren().length;i++){
    var gr:GridRow=dg1.getChildAt(i) as GridRow;
    for(var j=0;j<gr.getChildren().length;j++){
     var gi:GridItem=gr.getChildAt(j) as GridItem;
     gi.addEventListener(MouseEvent.CLICK,clickitem);
     var lbl:Label=gi.getChildAt(0) as Label;
     lbls.addItem(lbl);
    }
   }
   var d:Date=new Date();
   yy=d.getFullYear();
   mm=d.getMonth();
   changeDate();
  }
  //计算天数
  private function getDays(y:int,m:int):int{
   if(m==1||m==3||m==5||m==7||m==8||m==10||m==12) return 31;
   if(m==4||m==6||m==9||m==11) return 30;
   if(y%4==0 && y%100!=0) return 29;
   if(y%400==0) return 29;
   return 28;
  }
  //更改年月
  public function setDate(y:int,m:int):void{
   yy=y;
   mm=m-1;
   changeDate();
  }
  //设置日期的信息
  public function setDayInfo(d:int,text:String):void{
   (lbls[firstDay+d-1] as Label).htmlText+=text;
  }
  //更新日期
  private function changeDate():void{
   var d:Date=new Date(yy,mm);
   var cd:Date=new Date();
   firstDay=d.getDay();
   var m:int=firstDay+getDays(yy,mm);
   lblYear.text=yy+"年"+(mm+1)+"月";
   for(var i=0;i<firstDay;i++){
    (lbls[i] as Label).text="";
    (lbls[i] as Label).enabled=false;
    ((lbls[i]as Label).parent as GridItem).setStyle("backgroundColor","");    
   }   
   for(var i=firstDay;i<m;i++){    
    (lbls[i]as Label).htmlText=""+(i-firstDay+1);
    (lbls[i]as Label).data=""+(i-firstDay+1);
    (lbls[i]as Label).enabled=true;
    if(i-firstDay+1==cd.getDate()&&mm==cd.getMonth() && yy==cd.getFullYear()){
     ((lbls[i]as Label).parent as GridItem).setStyle("backgroundColor","#889988");
     ((lbls[i]as Label).parent as GridItem).data="haha";     
    } 
    else
    {
     ((lbls[i]as Label).parent as GridItem).setStyle("backgroundColor","");
     ((lbls[i]as Label).parent as GridItem).data="";
    }    
   }
   for(var i=m;i<lbls.length;i++){
    (lbls[i] as Label).text="";
    (lbls[i] as Label).enabled=false;
    ((lbls[i]as Label).parent as GridItem).setStyle("backgroundColor","");
   }
   var o=new Object();
   o.year=yy;
   o.month=mm+1;
   o.data=dg1;
   dispatchEvent(new ResultEvent("DateChange",false,true,o));//激发事件
  }
  private function mout(e:MouseEvent):void{
   var gi:GridItem= e.currentTarget as GridItem;
   if((gi.getChildAt(0) as Label).enabled)
   {
    if(gi.data.toString().length==0)
     gi.setStyle("backgroundColor","");
     else{
     if(gi.data.toString()=="haha"){
      gi.setStyle("backgroundColor","#889988");//backgroundColor="#54D3EE"
     }
     else{
      gi.setStyle("backgroundColor","#54D3EE");//backgroundColor="#54D3EE"
     }
    }
   }
  }
  private function mv(e:MouseEvent):void{
   var gi:GridItem= e.currentTarget as GridItem;
   if((gi.getChildAt(0) as Label).enabled){
    
    if(gi.data.toString().length==0)
     gi.setStyle("backgroundColor","#54D3EE");//backgroundColor="#54D3EE"
    else{
     if(gi.data.toString()=="haha"){
      gi.setStyle("backgroundColor","#77FF88");//backgroundColor="#54D3EE"
     }
     else{
      gi.setStyle("backgroundColor","#54D3EE");//backgroundColor="#54D3EE"
     }
    }
   }   
  } 
  private function clickitem(e:MouseEvent):void{
   var gi:GridItem= e.currentTarget as GridItem;
   if(oldItem!=null){
    oldItem.data="";
    oldItem.setStyle("backgroundColor","");    
   }
   gi.data="hehe";
   gi.setStyle("backgroundColor","#54D3EE");
   oldItem=gi;
   
   var d:int=int((gi.getChildAt(0) as Label).data);
   var dd:Date=new Date(yy,mm,d);
   var o=new Object;
   o.data=gi;//封装对象
   o.date=yy+"-"+(mm+1)+"-"+d;//封装日期
   dispatchEvent(new ResultEvent("ItemClick",false,true,o));
  } 
  
  private function nextMonth(n:int):void{
   mm+=n;
   if(mm==12){
    yy++;
    mm=0;
   }
   if(mm==-1)
   {
    yy--;
    mm=11;
   }
   changeDate();
  } 
  
  private function nextYear(n:int):void{
   yy+=n;
   changeDate();
  }
  private function currentDate():void{
   var d:Date=new Date();
   yy=d.getFullYear();
   mm=d.getMonth();
   changeDate();
  }
 ]]>
</mx:Script>
 <mx:Canvas backgroundColor="#CEE2E8" left="0" right="0" top="0" height="28" borderStyle="solid" borderThickness="1">
 <mx:Button right="3" top="3" height="20" click="nextYear(1);" width="20." icon="@Embed(source='images/nn.gif')"/> 
 <mx:Button top="3" left="25" width="20" click="nextMonth(-1);"  height="20" icon="@Embed(source='images/p.gif')"/>
 <mx:Button top="3" left="3" width="20" click="nextYear(-1);" height="20" icon="@Embed(source='images/pp.gif')"/>
 <mx:Button top="3" height="20" right="25" click="nextMonth(1);" width="20" icon="@Embed(source='images/n.gif')"/>
 <mx:Label id="lblYear" text="2010年8月 " textAlign="center" right="100" left="100" fontSize="14" top="2"/>
 <mx:Button icon="@Embed(source='images/now.gif')" click="currentDate()" height="20" width="20" top="3" horizontalCenter="60"/>
 </mx:Canvas>
 <mx:Grid id="dg1" verticalGap="2" horizontalGap="2" top="30" bottom="3" left="3" right="3">
  <mx:GridRow width="100%" height="20"  fontWeight="bold" color="#CB0538">
   <mx:GridItem width="100%" height="100%"  borderStyle="solid" borderColor="#0125FD" borderThickness="0">
    <mx:Label text="日"  width="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD">
    <mx:Label text="一" width="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD">
    <mx:Label text="二" width="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD">
    <mx:Label text="三" width="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD">
    <mx:Label text="四" width="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD">
    <mx:Label text="五" width="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD">
    <mx:Label text="六" width="100%" textAlign="center"/>
   </mx:GridItem>
  </mx:GridRow>
  <mx:GridRow width="100%" height="100%" borderStyle="none" borderThickness="1">
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)" >
    <mx:Label id="l1" text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label  id="l2" text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label  id="l3" text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label  id="l4" text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label  id="l5" text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label id="l6" text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label  id="l7"  text="Label" width="100%" height="30" textAlign="center"/>
   </mx:GridItem>
  </mx:GridRow>
  <mx:GridRow width="100%" height="100%">
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)" >
    <mx:Label id="l8"  text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem  id="l9" width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem  id="l10" width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem  id="l11" width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label  id="l12" text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label  id="l13"  text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label  id="l14"  text="Label" width="100%" height="30" textAlign="center"/>
   </mx:GridItem>
  </mx:GridRow>
  <mx:GridRow width="100%" height="100%">
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)" >
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="30" textAlign="center"/>
   </mx:GridItem>
  </mx:GridRow>
  <mx:GridRow width="100%" height="100%">
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)" >
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="30" textAlign="center"/>
   </mx:GridItem>
  </mx:GridRow>
  <mx:GridRow width="100%" height="100%">
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)" >
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="30" textAlign="center"/>
   </mx:GridItem>
  </mx:GridRow>
  <mx:GridRow width="100%" height="100%">
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)" >
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
   </mx:GridItem>
   <mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
    <mx:Label text="Label" width="100%" height="30" textAlign="center"/>
   </mx:GridItem>
  </mx:GridRow>  
  </mx:Grid>
</mx:Module>
 

Test.MXML代码

<?xml version="1.0" encoding="utf-8"?>
<mx:Application fontSize="12" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="com.haha.*" xmlns:ns2="*">
<mx:Script>
 <![CDATA[
  import mx.controls.Alert;
  import mx.containers.GridItem;
  import mx.rpc.events.ResultEvent;
  private function itemClick(e:ResultEvent):void{
   var gi:GridItem=e.result.data;
   var date:String=e.result.date;
   lbl1.text="选择日期:"+date;   
  }
  private function dateChange(e:ResultEvent):void{
   if(e.result!=null&&lbl2!=null){
    var y:int=e.result.year;
    var m:int=e.result.month;
    lbl2.text="改变日期:"+y+"年"+m+"月";
    if(m==1) md.setDayInfo(1,"/n<font color='#ff0000'>元旦</font>");
    if(m==5) md.setDayInfo(1,"/n愚人节");
    if(m==6) md.setDayInfo(1,"/n儿童节");
    if(m==7) md.setDayInfo(1,"/n建党节");
    if(m==8) md.setDayInfo(1,"/n建军节");
    if(m==10) md.setDayInfo(1,"/n国庆节");    
   }
  }
  private function setDate():void{
   var y:int=int(txty.text);
   var m:int=int(txtm.text);
   md.setDate(y,m);
  }
 ]]>
</mx:Script>
 <ns2:MyDate id="md" x="74" y="151" backgroundColor="#F8F4F4" fontSize="12"
  ItemClick="itemClick(event)"
  DateChange="dateChange(event)">
 </ns2:MyDate>
 <ns1:MyDateChoose x="588" y="68"/>
 <mx:Label x="74" y="56" text="" id="lbl1"/>
 <mx:Label x="74" y="91" text="" id="lbl2"/>
 <mx:TextInput x="74" y="119" width="70" id="txty"/>
 <mx:Label x="152" y="121" text="年"/>
 <mx:TextInput x="182" y="119" width="70" id="txtm"/>
 <mx:Label x="260" y="121" text="月"/>
 <mx:Button x="290" y="119" label="设置" click="setDate()"/>
</mx:Application>

free_xiang
关注
专栏目录
微信小程序自定义日历组件
weixin_51610941的博客
07-19 1230
wxml{nowMonth--星期展示-->
Flex 日历控件带时分秒，已经项目实现
12-15
2. 示例应用：一个简单的Flex项目，演示了如何在实际应用中使用这个自定义日历控件。 3. 配置文件和皮肤文件：可能包含了组件的XML配置和CSS皮肤定义，用于定制组件的外观和行为。 4. 测试脚本：用于测试控件功能的...
自制的简单Flex日历
03-30
不成熟的地方应该会很多,希望对大家有帮助,也希望自己也能得到提高,上班没事的时候偷摸弄的
Flex之日历控件设置
haha_mingg的专栏
11-07 1928
Flex在平时的使用的过程中，我们会用到DateChooser控件，这个控件最早是使用E文的，为了能显示出中文，以及设置一些样式， 我这里设置了DateChooser。不用多说，帖上代码： <mx:DateChooser x="139" y="83" borderColor="green" change="datechooser1_changeHandler(event)
FLEX日期控件
yrhtiger的专栏
01-29 214
由于FLEX的日期控件不怎么好用，于是自己写了一个，目前只有选择日月功能 看看效果： [img]http://dl.iteye.com/upload/picture/pic/54000/a61632d4-c462-313c-97a9-742ec604810c.jpg[/img] [img]http://dl.iteye.com/upload/picture/pic/53998/ccdfc...
一些 Flex 日历组件
weixin_33807284的博客
09-06 50
One of the most searched entries at Flash Enabled Blog is the Flex Calendar. Therefore i decided today to present you a collection of cool Calendars with source available so you can research and custo...
Flex之日历，农历
haha_mingg的专栏
10-18 2434
ChineseDate.as package liuyou.util { import mx.formatters.DateFormatter; /** * 计算阴历. * new ChineseDate(new Date()).date * @Author
Flex 自定义 时间 日历 控件
03-19
Flex 自定义 时间 日历 控件
flex 自定义组件
11-07
在实际应用中，自定义组件可以广泛应用于各种场景，比如创建图表、下拉列表、日历等复杂控件。通过使用自定义组件，开发者可以构建出更符合用户需求的界面，同时保持代码的整洁和模块化。 文件"Customcomponents...
微信小程序自定义可滑动日历界面
12-29
参考某个博主的自定义控件做了一些改动，希望这篇博客能帮助需要的人。 WXML <view class='month flex m-around'> 《 <picker mode=date value={{date}} start=2015-09 end=2020-09 fields=
flex 日历组件
09-15
flex 日历组件
Flex 通过年月控制日历
10-14
1，含年月控件 2，含日历控件（阴历，阳历）3，年月控件级联日历控件 4，封装日历控件的单击双击
flex高级日历应用类
04-03
NULL 博文链接：https://hcty31.iteye.com/blog/1472427
CSS+HTML日历制作
11-19
用css 和html实现简单的日历制作,代码简单易懂
利用iFIX脚本和控件，实现在iFIX画面上显示起始和结束时间
02-15
利用iFIX脚本和控件，实现在iFIX画面上，通过按钮的点击，记录按钮动作的时间
flex中文日历
avanry的专栏
04-21 144
1.原来flex中文日历如此简单：    &lt;mx:DateField x="46" y="299" yearNavigationEnabled="true"           dayNames="[日,一,二,三,四,五,六]" monthNames="[一月,二月,三月,四月,五月,六月,七月,八月,九月,十,      十一月,十二月]" formatString="YYYY
Flex4.5 自定义的日历控件
09-05 1402
效果图： <mx:Form xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="22" minWidth="50" max
flex DateField 实现日期和年份可以下拉式
Stoneson
03-17 2138
用了几个小时终于搞定 现将代码贴上, <![CDATA[ import mx.controls.Button; import mx.controls.Alert; import mx.events.DateChooserEventDetail; import mx.events.DateChooserEvent; import mx.event
Flex 时间控件（二）
技术交流
11-24 6025
toolTip{fontSize:12} 15) { //取日期 var strYear:String=vNewValue.substr(0,4); //从日期中取出月份 var numMonth:Number=parseInt(vNewValue.substr(5,2)); //从日期中取出天 var numDay:Number=parseInt(vNewValue.substr(8,2));
Flex自定义控件开发基础教程：创建登录组件
Flex开发自定义控件是一种强大的Adobe Flex技术，它允许开发者创建可重用的UI组件，以提高开发效率和组件的一致性。本文将深入讲解如何在Flex环境中创建自定义控件的基础步骤和组件设计原则。 1. 前期准备与组件...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值