New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Timepicker doesn't work anymore #1418
Comments
is the problem fixed? If so, any idea when the fix will be released? |
I'm sorry but I'm going to release a new version next week |
same problem here |
@GopherJ this has been fixed in |
@Heziode I'm using |
@GopherJ can you show your code ? |
vue template <!--dateTimeStart picker-->
<div class="columns field has-addons is-gapless">
<b-datepicker
v-model="SD"
id="b-datepicker-start"
icon="calendar-today"
class="control column is-three-fifths"
indicators="dots"
:date-formatter="dateFormatter"
:date-parser="dateParser"
:events="eventsStart"
:max-date="maxDate"
rounded>
</b-datepicker>
<b-timepicker
v-model="ST"
icon="clock"
:editable="false"
class="control column is-two-fifths"
:max-time="maxTime"
rounded
hour-format="24">
</b-timepicker>
</div> ST: {
get() {
console.log(this.dateTimeStart)
return this.dateTimeStart;
},
set(n) {
const h = n.getHours();
const m = n.getMinutes();
console.log(n)
if (
h === this.hourStart &&
m === this.minuteStart
) {
return;
}
const s = new Date(
this.yearStart,
this.monthStart,
this.dayStart,
h,
m,
0
);
const e = new Date(
this.yearEnd,
this.monthEnd,
this.dayEnd,
this.hourEnd,
this.minuteEnd,
0
);
if (s < e) {
this.EDIT_DATE_TIME_START(s);
} else {
this.warningStart();
}
},
}, |
@jtommy actually you can access it from here: https://github.com/GopherJ/TimeRange Thanks in advance for your help |
here a similar example: <div id="app" class="container">
<b-field label="Select time">
<b-timepicker v-model="time"
:editable="true"
placeholder="Click to select...">
<button class="button is-primary"
@click="time = new Date()">
<b-icon icon="clock"></b-icon>
<span>Now</span>
</button>
<button class="button is-danger"
@click="time = null">
<b-icon icon="close"></b-icon>
<span>Clear</span>
</button>
</b-timepicker>
</b-field>
</div> const example = {
data() {
return {
test: new Date()
}
},
computed: {
time: {
get() {
return this.test;
},
set(n) {
console.log(n)
this.test = n;
}
}
}
}
const app = new Vue(example)
app.$mount('#app') |
https://codepen.io/anon/pen/OeNPgR is your last simple example and as you can see it works. |
@jtommy actually the problem is when I see the log in but in my example, I should be able to get the new value in you can reproduce it by opening console in https://codepen.io/anon/pen/OeNPgR |
hello @jtommy, thanks for your quick fix, good to know that I tried something like: |
git://github.com/buefy/buefy.git#dev |
@jtommy I'm wondering if we can have a release for this, because the problem I'm encountering is that I'll need to change |
@jtommy Sorry for disturbing you so much, I changed manually the
How can I fix it? When can we have a new release for this fix? Thanks! |
You might build the dev version and use it in your project. |
@jtommy sadlly if I download it using npm, I don't even have |
For general questions, please join official Discord server. |
Overview of the problem
Buefy version: 0.7.6
Description
v-model
has not set anymore when we change the value in the timepicker.Steps to reproduce
See this pen.
This working in
0.7.5
.Expected behavior
When we change the values in the timepicker, the variable used for
v-model
should be updatedActual behavior
Value of
v-model
not changed when we change the value in timepicker.The text was updated successfully, but these errors were encountered: