JSFiddle - React, Tailwind, and code Playground

by VitaliyAT

HTML

<script src="http://www.zurb.com/javascripts/plugins/jquery.textchange.min.js"></script>
<input type="text" readonly="readonly" value="" id="effectiveData" name="Effectivity Date">
<input type="text" readonly="readonly" value="" id="effectiveData2">

JavaScript

$('input[name="Effectivity Date"]').attr('id', 'effectiveData').removeAttr("readonly");
//alert('4');

$(document).ready(function(){
    $('#effectiveData').css('background', 'green').bind('textchange', function (event, previousText) {
        $(this).css('background', 'red');
        /*var regexp = /([0-2]\d|3[01])\.(0\d|1[0-12])\.(\d{4})/;
        if ($('#effectiveData').val().match(regexp) !== null) {
            var datainput = $('#effectiveData').val().split(/\./);
            switch (datainput[1]) {
            case "01":
                datainput[1] = "Jan";
                break;
            case "02":
                datainput[1] = "Feb";
                break;
            case "03":
                datainput[1] = "Mar";
                break;
            case "04":
                datainput[1] = "Apr";
                break;
            case "05":
                datainput[1] = "May";
                break;
            case "06":
                datainput[1] = "Jun";
                break;
            case "07":
                datainput[1] = "Jul";
                break;
            case "08":
                datainput[1] = "Aug";
                break;
            case "09":
                datainput[1] = "Sep";
                break;
            case "10":
                datainput[1] = "Oct";
                break;
            case "11":
                datainput[1] = "Nov";
                break;
            case "12":
                datainput[1] = "Dec";
            }
            var result = datainput[1] + " " + datainput[0] + ", " + datainput[2];
            $('#effectiveData2').val(result);
        }*/
    });
});