Posts Tagged Component

PROJECT UNDER MAINTENANCE

Hi all,

New Ver­sion of AS3 Date Chooser Released.

1. Import Date Chooser class and event class

import nid.utils.dateChooser.DateChooser;
import nid.events.calendarEvent;

2. Cus­tomize cal­en­dar icon dynamically.

[Embed(source = "../asset/20x20_light_blue.png")]
     private var icon:Class;

3. Dynamic Date Chooser construction

var dateChooser:DateChooser = new DateChooser();

4. Set cal­en­dar icon

dateChooser.icon = new icon();

5. Set Week Start on Mon­day or Sunday

dateChooser.WeekStart = "sunday";

6. Set Month Names

dateChooser.Months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];

7. Set Date Format

dateChooser.dateFormat = "D/M/Y"; //D,M,Y all combinations are valid

8. Set sys­tem font

dateChooser.font = "Tahoma";

9. Set embed font

[Embed(source = "../asset/tahoma.ttf", fontWeight= "normal", fontFamily = "Tahoma")]
    protected static var Tahoma:Class;

[Embed(source = "../asset/tahomaBold.ttf",  fontWeight= "bold", fontFamily = "Tahoma")]
    protected static var TahomaBold:Class;

dateChooser.embedFonts = true;
dateChooser.font = "Tahoma";

10. Add Date Chooser to stage

addChild(dateChooser);

11. Date Chooser Event

dateChooser.addEventListener(calendarEvent.CHANGE, getdate);
private function getdate(e:calendarEvent):void {
	trace("Date:" + e.selectedDate);
}

12. every­thing id dynamic :) you can sim­ply change any­thing from code.

i’m behind the doc­u­men­ta­tion of this open source project

stay tuned and enjoy

DOWNLOAD SOURCE FILE: AS3-Date-Chooser-v4 (602)

DOWNLOAD SWC FILE : AS3-DateChooser-SWC file (384)

DOWNLOAD EXAMPLE FILE : AS3-DateChooser-example (448)

GOOGLE PROJECT PAGE : HERE