@rstoenescu
I just need a inline calendar that can select range date to binding with the model
Latest posts made by hata
-
RE: Set color/event for dates and multi selection/range selection on DatePicker/Calendar component
-
RE: Error using v-go-back
@rstoenescu
v-go-back directive is the same as $router.back() or different? I donât know what is different between them? -
RE: Set color/event for dates and multi selection/range selection on DatePicker/Calendar component
@rstoenescu
I just need a icon, click event to display inline date picker as the calendar and I can select range date to binding with the model, then I display the rang date as label with date format -
RE: Set color/event for dates and multi selection/range selection on DatePicker/Calendar component
It is 2 date picker for 2 input, I just want 1 calendar with date range selection for 2 readable input
-
RE: Set color/event for dates and multi selection/range selection on DatePicker/Calendar component
Hi @rstoenescu
I need 1 date picker to select date range as from -> to or multi select. It is similar with this link http://tamble.github.io/jquery-ui-daterangepicker/
How to customize the date picker to select date range or multi select ? I found the external component have multi select but it is missing date range select https://github.com/hilongjw/vue-datepicker. -
RE: Scroll problem with virtual keyboard on mobile
@rstoenescu
I cannot publish repoI create the component that wrap layout component to reuse, and then I use wrap layout to display the setting page, I just give the example as below:
<q-layout>
<!-- Header -->
<div slot=âheaderâ class=âtoolbarâ>
<q-toolbar-title class=âuppercaseâ>
<div class=âfloat-left text-italicâ>{{ $t(âproject.titleâ) }}</div>
<div class=âtext-centerâ>{{ title }}</div>
</q-toolbar-title>
</div>
<top-bar></top-bar><!-- Content -->
<div class=âlayout-viewâ>
<div class=âsetting-containerâ>
<p class=âcaption sub-title text-tertiaryâ>CAPTION 1 </p>
<div class=âsetting-contentâ>
<div class=ârowâ>
<span class=âsetting-iconâ><img :src="/statics/icon/abc.png
"></span>
<span class=âauto text-tertiaryâ>abc</span>
<span class=âfloat-rightâ><q-toggle v-model=âsettings.abcâ ></q-toggle></span>
</div>
<div class=ârowâ>
<span class=âsetting-iconâ><img :src="/statics/icon/123.png
"></span>
<span class=âauto text-tertiaryâ>123</span>
<span class=âfloat-rightâ><q-toggle v-model=âsettings.123â ></q-toggle></span>
</div>
<div class=ârowâ>
<span class=âsetting-iconâ><img :src="/statics/icon/456.png
"></span>
<span class=âauto text-tertiaryâ>456</span>
<span class=âfloat-rightâ><q-toggle v-model=âsettings.456â ></q-toggle></span>
</div>
</div>
</div>
<div class=âsetting-containerâ>
<p class=âcaption sub-title text-tertiaryâ>CAPTION 2 </p>
<div class=âsetting-contentâ>
<div class=ârowâ>
<span class=âsetting-iconâ><img :src="/statics/icon/abc.png
"></span>
<span class=âauto text-tertiaryâ>abc</span>
<span class=âfloat-rightâ><q-toggle v-model=âsettings.abcâ ></q-toggle></span>
</div>
<div class=ârowâ>
<span class=âsetting-iconâ><img :src="/statics/icon/123.png
"></span>
<span class=âauto text-tertiaryâ>123</span>
<span class=âfloat-rightâ><q-toggle v-model=âsettings.123â ></q-toggle></span>
</div>
<div class=ârowâ>
<span class=âsetting-iconâ><img :src="/statics/icon/456.png
"></span>
<span class=âauto text-tertiaryâ>456</span>
<span class=âfloat-rightâ><q-toggle v-model=âsettings.456â ></q-toggle></span>
</div>
</div>
</div>
âŚ
âŚ
<div class=âsetting-containerâ>
<p class=âcaption sub-title text-tertiaryâ>CAPTION B </p>
<div class=âsetting-contentâ>
<div class=ârowâ>
<span class=âsetting-iconâ><img :src="â/statics/icon/aaa.pngâ"></span>
<span class=âautoâ>
<input v-model.trim=âsettings.aaaâ class=âtext-centerâ maxlength=â11â
@focus="$event.target.scrollIntoView(true)">
</span>
<span class=âfloat-rightâ><q-toggle v-model=âsettings.aaaâ></q-toggle></span>
</div>
<div class=ârowâ>
<span class=âsetting-iconâ></span>
<span class=âauto text-tertiaryâ>Title yyy</span>
<span class=âfloat-rightâ><q-toggle v-model=âsettings.yyyâ></q-toggle></span>
</div>
</div>
</div>
<div class=âsetting-containerâ>
<p class=âcaption sub-title text-tertiaryâ>CAPTION LAST</p>
<div class=âsetting-contentâ>
<div class=ârowâ>
<span class=âsetting-iconâ><img :src="/statics/icon/eee.png
"></span>
<span class=âauto text-tertiaryâ>eee</span>
<span class=âfloat-rightâ><q-toggle v-model=âsettings.eeeâ ></q-toggle></span>
</div>
<div class=ârowâ>
<span class=âsetting-iconâ><img :src="/statics/icon/fff.png
"></span>
<span class=âauto text-tertiaryâ>fff</span>
<span class=âfloat-rightâ><q-toggle v-model=âsettings.fffâ ></q-toggle></span>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer-bar"/>
</q-layout> -
RE: Scroll problem with virtual keyboard on mobile
Hi @rstoenescu ,
I create web app, try simulator is ok, but the problem occur when I try with mat style on chrome browser in Nexus 7" -
RE: Error using v-go-back
Hi @rstoenescu
I have some issued with v-link/v-go-back directive. Please guide me some thing about them
How can I use v-go-back to back 1 step in the window histories ? We can do some action to call async to logout with v-go-back or not ? The v-link can apply active class for button or not ? -
Scroll problem with virtual keyboard on mobile
I have the input that is nearly the bottom screen, after I focus on the input then the virtual keyboard display overlap the input field. I already try to use scrollIntoView of input or reset scrollTop of container but the virtual keyboard continue overlap, any one have any idea ?
-
RE: Get dynamic image from assets folder
@rstoenescu : I think publishPath for static folder ? I have a slider with many image and i would like load image dynamic by webpack to optimize performance when display slider