JSFiddle - React, Tailwind, and code Playground
HTML
<table id="table">
<tr>
<td>1999.09-2007.06</td>
<td>Secondary School</td>
</tr>
<tr>
<td>2007.09-2011.06</td>
<td>College</td>
</tr>
<tr>
<td>2011.09-2015.06</td>
<td>University</td>
</tr>
</table>
<form autocomplete="on">
<br>
<label>Year</label>
<input type="text" id="year" name="year" autofocus="autofocus" value="2000" />
<br>
<label>Month</label>
<input type="text" name="month" id="month" value="5" />
<br>
</form>
<input type="button" onClick="method()" value="Go" />
JavaScript
window.method = function () {
var year = document.getElementById("year").value;
var month = document.getElementById("month").value;
var data = new Date(year, month - 1, 1);
var dataTable = document.getElementById("table");
var cells = dataTable.querySelectorAll("td");
for (var i = 0; i < cells.length; i+=2) {
var mikro = cells[i].firstChild.data.split("-");
var place = cells[i+1].firstChild.data;
console.log(mikro, place);
var yearMonth1 = mikro[0].split(".");
var yearMonth2 = mikro[1].split(".");
var data1 = new Date(yearMonth1[0], yearMonth1[1] - 1, 1);
var data2 = new Date(yearMonth2[0], yearMonth2[1] - 1, 1);
if (data1 <= data && data2 >= data) {
alert(place);
}
}
}