Добрый день
Подскажите: как можно отправить дату из календаря datepicker UI с помощью ajax?
Например сейчас выбранная дата записывается по нажатию кнопки:
<div id="datepicker"></div>
<form method="post" action="process.php" id="myform" name="myform">
<input id="input" name="input" type="text">
<input type="submit" name="submit" id="submit" value="submit">
</form>
<script type = "text/javascript">
jQuery(document).ready(function() {
$( "#datepicker").datepicker({
dateFormat: 'dd/mm/yy',
altField: '#input'
});
});
</script>
А как сделать следующее: click по дате календаря -> дата передана скрипту -> скрипт записал ее в бд и пока все это происходит мы остаемся на странице с календарем?
как я понимаю submit и action теперь не нужны:
<div id="datepicker"></div>
<form method="post" id="myform" name="myform">
<input id="input" name="input" type="text">
</form>
А как правильно использовать $.ajax и указать ему, что необходимо передать дату скрипту process.php как только дата на календаре будет выбрана и соответственно окажется в value input-а?
jQuery(document).ready(function() {
$( "#datepicker").datepicker({
dateFormat: 'dd/mm/yy',
altField: '#input'
});
$("#input").click(function() {
$.ajax({
type: 'POST',
url: "process.php",
dataType: "json",
data: $('#myform').serialize(),
success: function(data) {
console.log("Done");
}
});
return false;
});
});
</script>
Наверное нужно что-то другое вместо click использовать?
Подскажите, пожалуйста, как это должно быть.
