jquery - テキストボックスのオンロードに値をランダムに割り当てる方法

Question

オンロードページの値は配列からテキストボックスに完全に割り当てられますが、配列からテキストボックスに値をランダムに割り当てる必要があります.いくつかのアイデアを提案してくださいコードリンク

Answer 1

正確に何が欲しいかはわかりませんが、これは命題です: http://jsfiddle.net/BGQN5/

手順 : 1) n 個の入力を選択します。2) n 個のランダムな日付を選択します。3) 日付をシャッフルします。4) 配列に値を割り当てます。

$(function(){
  var i = prompt('Number of input ? ');
  for(var j=0;j<i;j++)
  {
  add();
  }
  var test = new Array(i);
  for(var j=0;j<i;j++)
  {
  test[j] = randomDate(new Date(2012, 0, 1), new Date());
  }
  test =shuffle(test);
   for(var j=0;j<i;j++)
  {
  var d = test[j];
  var curr_date = d.getDate();
  var curr_month = d.getMonth() + 1; //Months are zero based
  var curr_year = d.getFullYear();

  $("#datePicker"+(j+1)).val(curr_month+'/'+curr_date+'/'+curr_year);
  }
  console.log(test);
});
function shuffle(array) {
  var currentIndex = array.length
    , temporaryValue
    , randomIndex
    ;

  // While there remain elements to shuffle...
  while (0 !== currentIndex) {

    // Pick a remaining element...
    randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex -= 1;

    // And swap it with the current element.
    temporaryValue = array[currentIndex];
    array[currentIndex] = array[randomIndex];
    array[randomIndex] = temporaryValue;
  }

  return array;
}
function randomDate(start, end) {
    return new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime()))
}
$("#datePicker0").kendoDatePicker({
    close: function () {
        console.log("closed datePicker");
    }
});

function add() {
    var table = document.getElementById("myTable");
    var row = table.insertRow(-1);
    var cell1 = row.insertCell(0);
    console.log();
    cell1.innerHTML = '<input id="datePicker' + $(row).index() + '" /></td>';
    initDatePicker($(row).index());

}

function initDatePicker(c) {
    $('#datePicker' + c).kendoDatePicker({
        close: function () {
            console.log("closed datePicker");
        }
    });
}

乾杯