Вот примерный код того что нужно, но он делает не совсем то что нужно и может увести в сторону:
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
table {
border: 4px solid #ccc;
border-collapse: collapse;
}
th, td {
border: 2px solid #ccc;
padding: 10px;
font: bold 12px Arial;
}
</style>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function() {
$('input[type=button]').on('click', function() {
var value = $('input[type=text]').val(),
date = value.replace(/(Дата\s)(\d*)(\sМесяц\s)(\d*)/g, '$2'),
month = value.replace(/(Дата\s)(\d*)(\sМесяц\s)(\d*)/g, '$4');
if (date && month) {
var days = [];
try {
days = JSON.parse(window.localStorage.dataTest);
} catch (error) {};
days.push({
date: date,
month: month
});
window.localStorage.dataTest = JSON.stringify(days);
}
showData();
});
function showData() {
var table = $('table'),
tableHtml = '<tr><th></th><th>Дата</th><th>Месяц</th></tr>',
days = [];
try {
days = JSON.parse(window.localStorage.dataTest);
} catch (error) {};
for (var i = 0, length = days.length; i < length; i++) {
var day = days[i];
tableHtml += '<tr><td>' + (i + 1) + '</td><td>' + day.date + '</td><td>' + day.month + '</td></tr>';
}
table.html(tableHtml);
}
showData();
});
</script>
</head>
<body>
<form>
<div class="form-cell">
<input type='text' name="data">
<input type="button" value="Выполнить">
</div>
</form>
<table></table>
</body>
</html>