theolem
/
md-parser
1
1
Fork 0
Code Issues 2 Pull Requests Releases Wiki Activity

Setting date to today in ArticleForm using button

This commit is contained in:
theo1 2020-10-19 14:51:38 +02:00
parent a23a00fe4a
commit c8d1d61ccf
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
md-parser/src/components/ArticleForm.vue
View File

@ -7,13 +7,13 @@
<div class='form-group'>
<label for='date-published'>Publication date</label>
<input v-model='date_created' type='date' name='date-published' id='date-published' class='form-control form-control-sm'>
<input type='button' class='btn btn-default today-button' @click.prevent="setToday(1)" value='today'><br>
<input type='button' class='btn btn-default today-button' @click.prevent="setToday('date-published')" value='today'><br>
</div>
<div class='form-group'>
<label for='date-modified'>Modification date</label>
<input v-model='date_modified' type='date' name='date-modified' id='date-modified' class='form-control form-control-sm'>
<input type='button' class='btn btn-default today-button' @click.prevent="setToday(2)" value='today'><br>
<input type='button' class='btn btn-default today-button' @click.prevent="setToday('date-modified')" value='today'><br>
</div>
<div class='form-group'>
<label for='meta-title'>meta title</label>
@ -47,6 +47,14 @@ export default {
"date_modified": this.date_modified,
"title": this.title
}
},
// Input-ready current day.
// Based on https://gomakethings.com/setting-a-date-input-to-todays-date-with-vanilla-js/.
today (){
let obj = new Date()
return obj.getFullYear().toString() + "-"
+ (obj.getMonth() +1).toString().padStart(2,0) + "-"
+ obj.getDate().toString().padStart(2,0)
}
},
watch: {
@ -64,14 +72,11 @@ export default {
},
},
methods : {
// WIP : sets meta date to today.
// params: date= 1 => set date_created
// date = 2 => set date_modified
setToday : function(date) {
this.$store.commit('today', date)
},
sendMeta: function(){
this.$store.commit('updateMeta', this.meta)
},
setToday(id){
document.getElementById(id).value = this.today
}
}