TimeSlider not show info

GilbertoMonzon

Hello, I want to implement the esri.dijit.TimeSlider .  But when I click the button that shows the  div that contains the TimeSlider  and after played, my base map does not show the behavior that I wanted.

What I doing wrong?

My  code is like 

function initSlider() {

    try{   

            var timeSlider = new esri.dijit.TimeSlider({

                style: "width: 100%;"

            }, dojo.dom.byId("timeSliderDiv"));

            map.setTimeSlider(timeSlider);

            var timeExtent = new esri.TimeExtent();

            timeExtent.startTime = new Date("01/01/2015".replace(/(\d{2})-(\d{2})-(\d{4})/, "$2/$1/$3")); //new Date("01/01/2015 UTC");

            timeExtent.endTime = new Date("08/31/2015".replace(/(\d{2})-(\d{2})-(\d{4})/, "$2/$1/$3")); //new Date("08/31/2015 UTC");

            timeSlider.setThumbCount(2);

            timeSlider.createTimeStopsByTimeInterval(timeExtent, 1, "esriTimeUnitsWeeks");

            timeSlider.setThumbIndexes([0, 1]);

            timeSlider.setThumbMovingRate(2000);

            timeSlider.startup();

            //add labels for every other time stop

            var labels = dojo._base.array.map(timeSlider.timeStops, function (timeStop, i) {

                //if ( i % 2 === 0 ) {

                return timeStop.getUTCFullYear();

                //} else {

                return "";

                //}

            });

            timeSlider.setLabels(labels);

            timeSlider.on("time-extent-change", function (evt) {

                var startValString = evt.startTime.getUTCFullYear();

                var endValString = evt.endTime.getUTCFullYear();

                dojo.dom.byId("daterange").innerHTML = "<i>" + startValString + " and " + endValString + "<\/i>";

            });

    }

        catch (e) {

            console.log("ExcepTion : initSlider : " + e);

            HideProgress();

    }

}

My code button is :

time = dojo.connect(map, 'layers-add-result', initSlider);