jquery function:

$(function() {
    $("#iDate").datepicker({
        dateFormat: 'dd MM yy',
        beforeShowDay: unavailable
    onSelect: function (dateText, inst) {
            $('#frmDate').submit();
        }

    });

});

html:

        <form id="frmDate" method="post" action="<?php echo $base_url;?>index.php">
<input id="iDate" name="iDate" class='input' type="text" />

it doesn't seem to be firing, don't understand why it is not working.

cheers.

jquery function:

$(function() {
    $("#iDate").datepicker({
        dateFormat: 'dd MM yy',
        beforeShowDay: unavailable
    onSelect: function (dateText, inst) {
            $('#frmDate').submit();
        }

    });

});

html:

        <form id="frmDate" method="post" action="<?php echo $base_url;?>index.php">
<input id="iDate" name="iDate" class='input' type="text" />

it doesn't seem to be firing, don't understand why it is not working.

cheers.

• javascript
• jquery

• Have you tried debugging it with the console? What errors do you get? – j08691 Commented Mar 29, 2012 at 15:07
• use google chrome's console or firefox's firebug plugin to debug javascript – Vigrond Commented Mar 29, 2012 at 15:10

2 Answers 2

You're missing a ma in your javascript:

$(function() {
    $("#iDate").datepicker({
        dateFormat: 'dd MM yy',
        beforeShowDay: unavailable,
        onSelect: function (dateText, inst) {
            $('#frmDate').submit();
        }
    });
});

Your jquery function is missing a ma

$(function() {
    $("#iDate").datepicker({
        dateFormat: 'dd MM yy',
        beforeShowDay: unavailable, <-- here :)
        onSelect: function (dateText, inst) {
            $('#frmDate').submit();
        }

    });

});