question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug in persian range datepicker

See original GitHub issue

in range date picker when use persian language , sum of selected day in subtitle is show undefined

https://forum.quasar-framework.org/assets/uploads/files/1603864761972-range.png

<q-input label-color="teal-10" :label="dateModel.fromLabel" input-style="text-align: center;" outlined square v-model="selectedRange.from" mask="date" :rules="[isFromDateValid]" > <template v-slot:append> <q-icon name="event" class="cursor-pointer"> <q-popup-proxy ref="qDateProxy" transition-show="scale" transition-hide="scale" > <q-date :locale="persianLocale" v-model="selectedRange" calendar="persian" color="dp-header" range :options="limitDate" > <div class="row items-center justify-end"> <q-btn v-close-popup label="بستن" color="primary" flat /> </div> </q-date> </q-popup-proxy> </q-icon> </template> </q-input>

and my data prop: persianLocale: { /* starting with Sunday */ days: [ "یکشنبه", "دوشنبه", "سه شنبه", "چهارشنبه", "پنجشنبه", "جمعه", "شنبه", ], daysShort: [ "یکشنبه", "دوشنبه", "سه شنبه", "چهارشنبه", "پنجشنبه", "جمعه", "شنبه", ], months: "فروردین_اردیبهشت_خرداد_تیر_مرداد_شهریور_مهر_آبان_آذر_دی_بهمن_اسفند".split( "_" ), monthsShort: "فروردین_اردیبهشت_خرداد_تیر_مرداد_شهریور_مهر_آبان_آذر_دی_بهمن_اسفند".split( "_" ), firstDayOfWeek: 6, }, };

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
webnoobcommented, Nov 4, 2020

Closing in light of the above post that shows it working and waiting a reproducible example.

Thanks @Saeid-Za for your help.

0reactions
rstoenescucommented, Nov 11, 2020

@mohammadfiroozi Use the ad-hoc method of supplying a locale for your QDate. Make sure that you tell it’s rtl: true and also, enable quasar.conf.js > build > rtl: true

Read more comments on GitHub >

github_iconTop Results From Across the Web

bug in persian range datepicker - Quasar forum
hi in range date picker when use persian language , sum of selected day in subtitle is show undefined.
Read more >
vuetify v-date-picker not start by first day of month in persian ...
Problem with vuetify Persian datepicker year selection #11578 Which is a duplicate of: [Bug] Date picker new month is started at the end...
Read more >
Persian Culture Bug in Rad DatePicker - Telerik Forums
I have a RadDatePicker in Form1 and I'm Using Below Code To Chang RadDatePicker Calendar and Format To Persian.
Read more >
vue-persian-datetime-picker-fix-date - npm
A vue plugin to select jalali date and time. Latest version: 2.6.0, last published: 2 years ago.
Read more >
Persian Date & Date Range Picker For Vue - Vue Script
A Persian datetime picker component that supports single date and date range selection. How to use it: 1. Import and register the Persian...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found