In this tutorial, we will learn Jquery UI Datepicker On Date Change Event Example

This article will provide some of the most important examples of jquery UI datepicker on date change events. I explained simply step-by-step jquery UI datetimepicker date selected event. 


Example :

<!DOCTYPE html>
<html>
<head>
    <title>jquery ui datepicker date change event example</title>
</head>
<link href="http://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<body>
<label>Date:</label>
<input type='text' class='date'>

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script type="text/javascript">
    $(".date")
        .datepicker({
            onSelect: function(dateText) {
                console.log("Selected date: " + dateText + "; input's current value: " + this.value);
		        $(this).change();
		    }
		})
        .on("change", function() {
            console.log("Got change event from field");
        });
</script>
</body>
</html>


May this help you.