Посмотреть javaScript datepicker каждый раз, добавляя новую строку в PHP

Мне нужна помощь. Я не очень хорош в PHP & JavaScript. Ниже мой код. Я хочу просмотреть сборщик дат каждый раз, когда добавляю новую строку. Однако результат не такой, какой я хочу. Может кто-нибудь помочь мне разобраться, что такое моя ошибка и как это исправить? TQ.Посмотреть javaScript datepicker каждый раз, добавляя новую строку в PHP

<html> 
<head> 
<title>Test Code</title> 
<link type="text/css" href="css/custom-theme/jquery-ui-1.7.1.custom.css" rel="stylesheet" /> 
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script> 

</head> 
<body> 
<form> 
<div id="dates">   
<div> 
<script> 
$(function test1(){ 

// Datepicker 
$.datepicker.setDefaults({ 
showOn: 'both', 
buttonImageOnly: true, 
buttonImage: 'calendar.gif', 
buttonText: 'Calendar', 
changeMonth: true, 
changeYear: true, 
firstDay: 1, 
dateFormat: 'yy-mm-dd' 
}); 

$('#datepicker1').datepicker(); 
}); 
</script> 
<label>Date 1</label> 
<input type="text" name="datepicker1" id="datepicker1" /> 
</div>  
</div> 
<div> 
<input type="submit" id="submit1" value=" Add "/> 
</div> 
</form> 
<script type="text/javascript"> 
var dates = document.getElementById('dates'), 
template = dates.getElementsByTagName('div'), 
current = template.length, 
max = 20; 

template = template[0]; 

submit1.onclick = function() { 
var new_field = template.cloneNode(true); 
current += 1; 
new_field.innerHTML = new_field.innerHTML.replace(/1/g, current); 
dates.appendChild(new_field); 
return false; 
}; 
document.body.appendChild(add_link); 
</script> 
</body> 
</html>

http://jsbin.com/IXofulic/2/edit

источник

2013-12-16 crystal

Я не думаю, что этот код действителен –

@ user3106393 Можете ли вы опубликовать пример кода? Как на jsbin.com или jsfiddle.net? – hitautodestruct

Simple Вы дали идентификатор, чтобы Получить Datepicker

$('#datepicker1').datepicker(); 
});

Скорее использовать имя класса

$('.datepicker1').datepicker(); 
    });

источник

2013-12-16 07:52:39

Я уже пытаюсь сделать это, поэтому, но это становится худшим. Даже первая строка не может отображать дату. – crystal

Лучше использовать дату Jquery сборщика. Это легко и выполнит вашу задачу.

Следуя коду, вы можете использовать.

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

Добавить это в форме HTML:

<input type="text" name="datepicker1" id="datepicker1" placeholder="Select Date" />

Javascript:

<script> 
    $(function() { 
    $("#datepicker1").datepicker({ dateFormat: 'yy-mm-dd' }); 
}); 
</script>

источник

2013-12-16 07:57:57

Та же проблема все еще возникает. Я только показываю datepicker для 1-й строки. – crystal

поместить ваш код Datepicker в документе состояние готовности.

$(document).ready(function() { 

$('#datepicker1').datepicker(); 

});

источник

2013-12-16 08:02:16 harry

Посмотреть javaScript datepicker каждый раз, добавляя новую строку в PHP

ответ

Смежные вопросы