Question

I have the following function that produces numbered input fields with ids and names of the current timestamp they’re were created. I’m trying to attach a datepicker to each one created, hence the unique/timestamp id’s.

Can anybody suggest a way for me to go about doing this?

I believe the datepicker function needs to be produced under each input field created but I don’t know how to produce a JavaScript function with JavaScript. I’m thinking maybe I can use jQuery’s load() function and call a PHP script that produces a unique function and loads it into a div. Is that the best way to tackle this? Thanks!

<script>
    var number = 0;
    var num;
    $('#add_date').click(function(event) {
    number++;
    var d=new Date();
    var year = d.getFullYear();
    var day = d.getDate();
    var month = d.getMonth() + 1;
    if (month<10){var month = "0"+month;}
    if (day<10){var day = "0"+day;} 
    var fullyear = month+"/"+day+"/"+year;
    num = event.timeStamp
    $('#box').append( number+". <input type='text' id='" + num + "' name='" + num + "' value='"+ fullyear + "' size='10'/><br><br>");
    var idtag = "#"+num;
});
</script>

Answer 1

Why not just set up the datepicker when you create the input?

var picker = $("<input/>", {
  type: 'text',
  id: num,
  name: num,
  value: fullyear
}).datepicker();

$('#box').append(number).append(picker);

Also you should make “id” values that look like valid identifiers instead of plain numbers.