JSFiddle - React, Tailwind, and code Playground

by stasis

HTML

<input id='firstAvailable' value='03/31/2013'>
    <button id='search'>Search</button>

JavaScript

$(document).ready(function () {

    var date = $("#firstAvailable").val();
    var firstDate = new Date(date);
    var currYear = firstDate.getFullYear();
    var currMonth = firstDate.getMonth();
    currMonth++;
    var currDate = firstDate.getDate();
    var firstDate = currYear + '-' + currMonth + '-' + currDate;

    $("#firstAvailable").datepicker({
        onSelect: function (dateText, uiInstance) {
            var date = $(this).val();
            var firstDate = new Date(date);
            var currYear = firstDate.getFullYear();
            var currMonth = firstDate.getMonth();
            currMonth++;
            var currDate = firstDate.getDate();
            var firstDate = currYear + '-' + currMonth + '-' + currDate;
            return firstDate;
        }
    });

    $("input").datepicker();

    $("button#search").click(function () {
        $.ajax({
            type: 'post',
            url: 'category.php',
            data: ({
                category: 2,
                first: firstDate,
                second: secondDate
            }),
            success: function (data) {
                $('#content ul').html(data);
                alert(firstDate);
                console.log(firstDate);
            },
            error: function () {
                alert('error');
            }
        })
    });

});