how to sort images in image date taken ?

how to sort images in image date taken ?

hai everybody,

I need help,

images arrange in two ways

 images arrange in random order
and arrange images in image datetaken
datetaken =responseJSON.imagetakendate

anybody plz help me.




var c;
    var pCrop;
    var crop_api;
    var rotate = false;
    var temp;
    var tempZIndex;
    var fileSizeOption = "";
    var filecount=new Array();
    var imgCount = 0;
    var imgList = new Array();
      filecount =0;
    $(document).ready(function()
    {
        var uploader = new qq.FileUploader(
        {
            element: document.getElementById('btnUploadPlanPicture'),
            action: upload_url,
            params:
            {
                album: album,
                type: 'plan',
                desc: 'plan',
            },
           

            allowedExtensions: ['jpg','png','gif'],
             onSubmit: function(id, fileName) {
             
              
                         },
           
            onComplete: function(id, fileName,responseJSON)
            {   
                  //alert(responseJSON.imagetakendate);
                   fnOpenDialog(responseJSON);
                 
                imgList[imgCount++] = responseJSON.id;
                 
                createPlanspaceImage(responseJSON);
                filecount =0;
                return true;
            },
           
            onAllComplete: function(status,fileName)
            {   
               
                imgAutoArrange(imgList);
                imgCount = 0;
                imgList = new Array();
                filecount =0;
               
            }
           
        });

    });
   
    function ArrRandomly(listImage)
    {
    // alert(listImage);
    for (var i = listImage.length - 1; i > 0; i--) {
        var j = Math.floor(Math.random() * (i + 1));
        var temp = listImage[i];
        listImage[i] = listImage[j];
        listImage[j] = temp;
    }
     return listImage;

    }
   
    function sortBytimeDesc(){
 
}

function fnOpenDialog(data) {
         var responseJSON = data;
         imgList = new Array();
         imgList[imgCount++] = responseJSON.id;
        //alert(responseJSON);
         var uploadfilename =responseJSON. fileName;
        var uploadFilePath = responseJSON.filePath;
       $Dialog_div = $('#autoarrange').dialog({
        autoOpen: true,
        draggable: true,
        resizable: true,
        title: 'Dialog',
        modal: true,
        stack: true,
        height: '400',
        width: '200px',
        

 buttons: {
                //$("#arrangeoption").change(function(){
              // fileSizeOption = $(this).find(":selected").val();

            'OK':
           
            function() {
                       fileSizeOption=$("#arrangeoption option:selected").val();
                   
                         if(fileSizeOption =="Random")
                                     {
                                     alert("random");
                                    imgList = new Array();
                                     ArrRandomly(imgList);
                                     var rannumber =imgList[0];
                                     
                                     }
                                                 
                          if(fileSizeOption =="TimeTaken")
                                 {
                                // sortBytimeDesc(a,b);
                                 
                               
                           
                                 imgList.sort(function(a, b){
                               
  var dateA=new Date(a.imagetakendate), dateB=new Date(b.imagetakendate)
 return dateA-dateB //sort by date descending
});
                                 
                                 }
                        if(fileSizeOption =="notarrange")
                                {
                                alert("not arrange");
                                //createPlanspaceImage(data)
                               
                               
                                }
                            $Dialog_div.dialog('close');
               

           
           
           
             
           
           }

     

          }

      });
       
 }