diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..1d74e21
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.vscode/
diff --git a/css/main.css b/css/main.css
index 09ca061..f12cdca 100644
--- a/css/main.css
+++ b/css/main.css
@@ -136,3 +136,17 @@ div {
.input-group input:not(:last-child) {
border-bottom: none; /* Prevent double borders */
}
+
+#date_input {
+ width: 100%;
+ padding: 2vw;
+ margin: 2vw 0;
+ display: inline-block;
+ border-radius: 1vw;
+ box-sizing: border-box;
+ font-size: var(--font-size);
+
+ border: 1px solid var(--border-color);
+ background-color: var(--bg-color-2);
+ color: var(--fg-color);
+}
\ No newline at end of file
diff --git a/spendbook/index.html b/spendbook/index.html
index 55a8202..b797864 100644
--- a/spendbook/index.html
+++ b/spendbook/index.html
@@ -17,6 +17,7 @@
category: category,
amount: parseInt($("#amount").val(), 10),
description: $("#text").val(),
+ date: $("#date_input").val()
};
Object.keys(data).forEach(
(key) =>
@@ -30,9 +31,25 @@
}
return data;
}
+
+ function formatDate(date) {
+ var d = new Date(date),
+ month = "" + (d.getMonth() + 1),
+ day = "" + d.getDate(),
+ year = d.getFullYear();
+
+ if (month.length < 2) month = "0" + month;
+ if (day.length < 2) day = "0" + day;
+
+ return [year, month, day].join("-");
+ }
+
+ $("#date_input").val(formatDate(new Date()));
+
$("#category").on("change", collectData);
$("#custom_input").on("input", collectData);
$("#amount").on("input", collectData);
+ $("#date_input").on("change", collectData);
$("#custom_label").hide();
$("#custom_input").hide();
@@ -79,8 +96,10 @@
id="text"
name="text"
placeholder="Комментарий"
- rows="5"
+ rows="3"
>
+
+