[nina_]

Добрый день

Подскажите: как можно отправить дату из календаря 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 использовать?
Подскажите, пожалуйста, как это должно быть.