日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
全面認(rèn)識FlexDateChooser組件

本文和大家重點(diǎn)討論一下Flex DateChooser組件的使用，F(xiàn)lex DateChooser組件即日期選取組件，它主要用于顯示日歷和進(jìn)行某天的選擇，使用的是AS中的Date類。

專業(yè)從事成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作,高端網(wǎng)站制作設(shè)計(jì),小程序制作,網(wǎng)站推廣的成都做網(wǎng)站的公司。優(yōu)秀技術(shù)團(tuán)隊(duì)竭力真誠服務(wù)，采用H5開發(fā)+CSS3前端渲染技術(shù)，響應(yīng)式網(wǎng)站設(shè)計(jì)，讓網(wǎng)站在手機(jī)、平板、PC、微信下都能呈現(xiàn)。建站過程建立專項(xiàng)小組，與您實(shí)時(shí)在線互動(dòng)，隨時(shí)提供解決方案，暢聊想法和感受。

Flex DateChooser組件

日期選取組件用于顯示日歷和進(jìn)行某天的選擇，使用的是AS中的Date類。

創(chuàng)建Flex DateChooser組件

下面的例子創(chuàng)建了一個(gè)日歷組件，并且選中日期為2004年12月22號：

 
 
 
    
  
  
  
  1. 1: 
    2.   
  
  
  2. 2: 
    3.   
  
  
  3. 3: 
    4.   
  
  
  4. 4: 
    5.   
  
  
  5. 5: 
    6.

我們還可以通過腳本的方式來設(shè)置選中日期

 
 
 
    
  
  
  
  1. 1: 
    2.   
  
  
  2. 2:  
  
  
  3. 3:functioninitDC()  
    4.   
  
  
  4. 4:{  
    5.   
  
  
  5. 5:date1.selectedDate=newDate(2004,12,12);  
    6.   
  
  
  6. 6:}  
    7.   
  
  
  7. 7:]]> 
    8.   
  
  
  8. 8: 
    9.   
  
  
  9. 9: 
    10.

Flex DateChooser組件使用了AS的Date類的一些方法

可以使用get和set方法來獲取選中的日期值以及設(shè)置日期值。下面的例子比較詳細(xì)的描述了Flex DateChooser組件的使用。

 
 
 
    
  
  
  
  1. 1: 
    2.   
  
  
  2. 2:  
  
  
  3. 3:functionuseDate(eventObj)  
    4.   
  
  
  4. 4:{  
    5.   
  
  
  5. 5://AccesstheDateobjectfromtheeventobject.  
    6.   
  
  
  6. 6:day.text=eventObj.target.selectedDate.getDay();  
    7.   
  
  
  7. 7:date.text=eventObj.target.selectedDate.getDate();  
    8.   
  
  
  8. 8:month.text=eventObj.target.selectedDate.getMonth();  
    9.   
  
  
  9. 9:year.text=eventObj.target.selectedDate.getFullYear();  
    10.   
  
  
  10. 10:wholeDate.text=eventObj.target.selectedDate.getFullYear()+  
    11.   
  
  
  11. 11:’/’+(eventObj.target.selectedDate.getMonth()+1)+  
    12.   
  
  
  12. 12:’/’+eventObj.target.selectedDate.getDate();  
    13.   
  
  
  13. 13:}  
    14.   
  
  
  14. 14:]]> 
    15.   
  
  
  15. 15: 
    16.   
  
  
  16. 16: 
    17.   
  
  
  17. 17: 
    18.   
  
  
  18. 18: 
    19.   
  
  
  19. 19: 
    20.   
  
  
  20. 20: 
    21.   
  
  
  21. 21: 
    22.   
  
  
  22. 22: 
    23.   
  
  
  23. 23: 
    24.   
  
  
  24. 24: 
    25.   
  
  
  25. 25: 
    26.   
  
  
  26. 26: 
    27.   
  
  
  27. 27: 
    28.   
  
  
  28. 28: 
    29.   
  
  
  29. 29: 
    30.   
  
  
  30. 30: 
    31.   
  
  
  31. 31: 
    32.   
  
  
  32. 32: 
    33.   
  
  
  33. 33: 
    34.

這個(gè)例子通過響應(yīng)組件的change事件來獲取選中的日期信息，相信大家也不難看懂。

禁用某個(gè)日期段的選取

假如要禁用周一到周四的日期選擇，可以使用

 
 
 
    
  
  
  
  1. 1: 
    2.   
  
  
  2. 2: 
    3.   
  
  
  3. 3: 
    4.   
  
  
  4. 4:1 
    5.   
  
  
  5. 5:2 
    6.   
  
  
  6. 6:3 
    7.   
  
  
  7. 7:4 
    8.   
  
  
  8. 8: 
    9.   
  
  
  9. 9: 
    10.   
  
  
  10. 10: 
    11.

更簡單的寫法為：

 
 
 
    
  
  
  
  1. 1: 
    2.

或者

 
 
 
    
  
  
  
  1. 1: 
    2.   
  
  
  2. 2:  
  
  
  3. 3:functioninitDC()  
    4.   
  
  
  4. 4:{  
    5.   
  
  
  5. 5:date1.disabledDays=[1,2,3,4];  
    6.   
  
  
  6. 6:}  
    7.   
  
  
  7. 7:]]> 
    8.   
  
  
  8. 8: 
    9.   
  
  
  9. 9: 
    10.

個(gè)人覺得第三種方法比較通用，可以對日歷進(jìn)行初始化的設(shè)置。
注意：正確的說法應(yīng)該是禁用第2～5列的日期。

更改星期名稱

Flex DateChooser組件中默認(rèn)的日歷星期名顯示為英文，如果要更改成中文名稱，可以用：

 
 
 
    
  
  
  
  1. 1: 
    2.   
  
  
  2. 2: 
    3.   
  
  
  3. 3: 
    4.   
  
  
  4. 4:日 
    5.   
  
  
  5. 5:一 
    6.   
  
  
  6. 6:二 
    7.   
  
  
  7. 7:三 
    8.   
  
  
  8. 8:四 
    9.   
  
  
  9. 9:五 
    10.   
  
  
  10. 10:六 
    11.   
  
  
  11. 11: 
    12.   
  
  
  12. 12: 
    13.   
  
  
  13. 13: 
    14.

請注意，如果沒有其它設(shè)置，數(shù)組的第一個(gè)元素就表示一周的第一天。當(dāng)然，最簡潔的還是AS的實(shí)現(xiàn)方法，而且更加靈活。

 
 
 
    
  
  
  
  1. 1:  
  
  
  2. 2:date1.dayNames=[’日’,’一’,’二’,’三’,’四’,’五’,’六’];  
    3.   
  
  
  3. 3://把周一作為每周的第一天  
    4.   
  
  
  4. 4:date1.myDC.firstDayOfWeek=1;  
    5.   
  
  
  5. 5://設(shè)置日歷頭部樣式為綠色  
    6.   
  
  
  6. 6:date1.setStyle(’headerColor’,0x00ff00);  
    7.   
  
  
  7. 7://設(shè)置字體樣式為斜體  
    8.   
  
  
  8. 8:date1.setStyle(’fontStyle’,’italic’);  
    9.   
  
  
  9. 9://設(shè)置日歷的選擇范圍2004.1.1～2004.12.23  
    10.   
  
  
  10. 10:date1.selectableRange=  
    11.   
  
  
  11. 11:{rangeStart:newDate(2004,1,1),rangeEnd:newDate(2004,12,23)}; 
    12.

Flex DateChooser組件的常用屬性和事件還有

 
 
 
    
  
  
  
  1. 01:  
    2.   
  
  
  2. 02:dayNames//星期的名稱顯示  
    3.   
  
  
  3. 03:disabledDays//不可用的星期  
    4.   
  
  
  4. 04:disabledRanges//不可用的日期范圍  
    5.   
  
  
  5. 05:displayedMonth//當(dāng)前顯示的月份  
    6.   
  
  
  6. 06:displayedYear//當(dāng)前顯示的年份  
    7.   
  
  
  7. 07:firstDayOfWeek//每周的第一天(0～60表示dayNames中的第一個(gè)元素，依次類推)  
    8.   
  
  
  8. 08:headerStyle//頭部樣式  
    9.   
  
  
  9. 09:todayStyle//今天的樣式  
    10.   
  
  
  10. 10:weekDayStyle//周末的樣式  
    11.   
  
  
  11. 11:monthNames//月份的名稱顯示  
    12.   
  
  
  12. 12:selectableRange//可以選擇的日期范圍由rangeStart和rangeEnd指定  
    13.   
  
  
  13. 13:selectedDate//選中的日期  
    14.   
  
  
  14. 14:showToday//是否高亮顯示今天的日期  
    15.   
  
  
  15. 15:  
    16.   
  
  
  16. 16:change//選中日期的事件響應(yīng)  
    17.   
  
  
  17. 17:scroll//移動(dòng)的事件響應(yīng)通過對這些屬性的設(shè)置你可以定義更強(qiáng)大的日歷組件了。 
    18.

網(wǎng)站標(biāo)題：全面認(rèn)識FlexDateChooser組件
本文URL：http://www.dlmjj.cn/article/dpcssse.html