Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-08-21 23:23:51 +00:00
Code Issues Actions Projects Releases Wiki Activity

fix html5 birthdate field on modal form OnTheFly

Browse Source
This commit is contained in:
Mathieu Jaumotte
2021-06-03 14:34:52 +02:00
parent 4d0cfbb396
commit 937be1af3a
3 changed files with 20 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue
View File

@@ -53,7 +53,6 @@
</div>
<div v-else-if="action === 'edit' || action === 'create'">
{{ action }}
<input v-model="firstName" :placeholder="$t('person.firstname')" />
<input v-model="lastName" :placeholder="$t('person.lastname')" />
@@ -68,18 +67,12 @@
<option value="neuter">{{ $t('person.gender.neuter') }}</option>
</select>
<!--
<input
type="text"
<i class="fa fa-birthday-cake"></i>
<input type="date"
id="chill_personbundle_person_birthdate"
name="chill_personbundle_person[birthdate]"
required="required"
class="input datepicker"
v-model="birthDate"
aria-label="Use the arrow keys to pick a date"
/>
<datepicker v-model="birthDate" />
-->
/>
<i class="fa fa-phone">
</i><input v-model="phonenumber" :placeholder="$t('person.phonenumber')" />
@@ -91,9 +84,6 @@
<script>
import { getPerson, postPerson } from '../../_api/OnTheFly';
//import Datepicker from 'vue3-datepicker';
//import { ref } from 'vue';
//const picked = ref(new Date())
export default {
name: "OnTheFlyPerson",
@@ -118,17 +108,18 @@ export default {
set(value) { this.person.gender = value; },
get() { return this.person.gender; }
},
// birthDate: {
// set(value) { this.person.birthdate.datetime = value; },
// get() {
// if (this.person.birthdate) {
// let datetime = this.person.birthdate.datetime;
// return datetime.getDate() + '-' + (datetime.getMonth() + 1) + '-' + datetime.getFullYear();
// } else {
// return ref(new Date());
// }
// }
// },
birthDate: {
set(value) {
if (this.person.birthdate) {
this.person.birthdate.datetime = value + "T00:00:00+0100";
} else {
this.person.birthdate = { datetime: value + "T00:00:00+0100"};
}
},
get() {
return (this.person.birthdate) ? this.person.birthdate.datetime.split('T')[0] : '';
}
},
phonenumber: {
set(value) { this.person.phonenumber = value; },
get() { return this.person.phonenumber; }
@@ -168,11 +159,10 @@ export default {
},
methods: {
loadData() {
//console.log('loading data', this.id);
getPerson(this.id)
.then(person => new Promise((resolve, reject) => {
this.person = person;
//console.log('person', this.person);
console.log('get person', this.person);
resolve();
}));
},
@@ -180,7 +170,7 @@ export default {
postPerson(this.person)
.then(person => new Promise((resolve, reject) => {
this.person = person;
console.log('person', person);
console.log('post person', person);
resolve();
}));
}