Telerik Forums
Kendo UI for Vue Forum
25 questions
Sort by
1 answer
11 views

Hello everyone,

I've been trying to find a simple method to copy a date from one datepicker and paste it into others since the usual Ctrl+C and Ctrl+V shortcuts don't seem to work. So far, I haven't discovered an easy solution other than utilizing events directly on the datepicker itself. However, this approach doesn't work when trying to copy a date from another source. If anyone has any alternative suggestions or solutions, I'd greatly appreciate it.

Vessy
Telerik team
 answered on 03 Apr 2024
1 answer
233 views

Hello,

I can't make it work to have a custom placeholder when value of kendo-date-picker is empty. It always show the expected format even with the placeholder parameter set.

Example: https://cnslg5.stackblitz.io

One would expect to have the defined placeholder to be shown and not the date-input format-placeholder. How to avoid that ?

Plamen
Telerik team
 answered on 07 Aug 2020
5 answers
70 views

Hello,
We use kendo for Vue and tried implementing a DateInput element in our Vue app.


When we try to use this element on a smartphone, we hoped it will use the OS date input, just like it works with any <input> element of type “date”. But we found it is rendered as type “text”.


This means the UX is not as good as we hoped it will be.
Is there a way to render it as <input> of type “date” so it will behave accordingly?

https://www.telerik.com/kendo-vue-ui/components/dateinputs-wrapper/dateinput/

 

Thanks,

Ron.

Petar
Telerik team
 answered on 12 Nov 2020
1 answer
81 views

Hi,

I  am using the kendo-datepicker and set it up as below.

 

<kendo-datepicker ref="datePickerFrom" :format="'yyyy-MM-dd'" v-model="from" :culture="local"
     :start="'month'" :depth="'month'" :max="to" :week-number="true">
 </kendo-datepicker>

 

I wonder on what basis the week number is calculated.

Please answer whether it follows the ISO standard or if there is another standard.

Petar
Telerik team
 answered on 11 Nov 2021
0 answers
114 views
Hi i want to ask about datepicker in this Demo. first of all i already implement datepicker and successfully show the UI but not same like in demo. my guess is that css of datepicker is not loaded and datepicker UI looks big when i open it
i attach file of datepicker UI right now in my grid table. is there something wrong with my setup?
<datepicker
                                              :style="{ width: '145px' }"
                                              :default-value="new Date()"
                                              :format="'MMM DD, YYYY'"
                                              v-model="interviewDate"
                                            >
                                            </datepicker>
import { DatePicker, TimePicker } from '@progress/kendo-vue-dateinputs';
components: {
    'datepicker': DatePicker
  },

appreciate your help. thanks
you can ask if my english is confusing 
Kenji
Top achievements
Rank 1
Iron
Iron
 asked on 06 Jan 2023
4 answers
588 views

I have a native DatePicker that I am using in an application with many components that use the Kendo wrapper validation widget. I am trying to get the behavior and appearance of the DatePicker to match that of the existing components. Validation should occur when a field loses focus and an invalid field should have a red outline and red error message below it. I tried to use the native DatePicker validation functionality, but I was unable to make validation consistent with all of the other components.

I am able to use the Kendo wrapper validation widget to perform validation when a field loses focus and display an error message, but I have been unable to get a red outline on an DatePicker in the invalid state. How can I accomplish this? 

See https://stackblitz.com/edit/esiptm for an example.

Alex
Top achievements
Rank 1
Veteran
Iron
Iron
 answered on 09 Oct 2020
1 answer
92 views

I have some grids that have a date/time column. The default equality operators for the filter match both the date and time. I am trying to customize the equality operator (or add a new operator) that ignores the time and only compares the date. Using a custom operator works the first time I select the operator. When I go back to the filter menu after setting it the first time, the dropdown has no operator selected and I changing the value again doesn't work until after I select equals again.

How can I have the equals operator remain selected or add a new operator?

If this isn't supported, are there any other ways I can accomplish the same thing? I want to display both the date and time, but have equals only filter on the date.

Here is some example code: https://stackblitz.com/edit/custom-filter-only?file=src/main.vue

Petar
Telerik team
 answered on 30 Jun 2021
4 answers
66 views
When clicking on the month up at the top of the popup, the list of available months shows up for a second and then the calendar panel slides back in, preventing new month selection. What can be done to address this behavior and let user pick the new month from the list?
Petar
Telerik team
 answered on 14 Dec 2020
3 answers
106 views

Hi,

 

That's it, i need to get the selected date as a date object, is there any way besides manually parsing the string?

 

 

Thanks...

Wilma
Top achievements
Rank 1
 answered on 13 Jun 2019
0 answers
60 views
Hello,

I'm trying to have a datepicker start with no value and when the user fills it I would like the UTC date to match the datepicker's date. When I have line 17 enabled this works as I would like. However when commenting line 17 and enabling line 18, the dateModel suddenly gives a date that's one day before the datepicker's. 

How can I circumvent this?


Da7opd (forked) - StackBlitz
Vincent
Top achievements
Rank 3
Iron
Iron
Iron
 asked on 27 Jun 2023
Narrow your results
Selected tags
Tags
Grid
General Discussions
DropDownList
Grid wrapper
Editor
DatePicker
DropDownTree wrapper
Scheduler
Spreadsheet wrapper
Input
Editor wrapper
MultiSelect
DateInput
NumericTextBox
Scheduler wrapper
Styling / Themes
Calendar
DataSource wrappers (package)
Chart
DateTimePicker
Gantt wrapper
Localization
Pager
Checkbox
Upload
Chart wrappers (package)
DropDownList wrapper
Window
Form
Tooltip
TreeView
ComboBox
Dialog
MultiSelect wrapper
NumericTextBox wrapper
Popup
Slider
Toolbar wrapper
Upload wrapper
Validator wrapper
Error
ColorPicker
Accessibility
AutoComplete
AutoComplete wrapper
Button wrapper
ComboBox wrapper
ContextMenu wrapper
Licensing
ListBox wrapper
ListView wrapper
Map wrapper
MaskedTextBox
Menu wrapper
MultiColumnComboBox wrapper
Splitter wrapper
TabStrip wrapper
TimePicker
TreeView wrapper
TabStrip
Card
FloatingLabel
TextArea
Drawer
Stepper
Gauge
Splitter
PanelBar
Notification
RangeSlider
Menu
TreeList
Toolbar
ListView
FontIcon
SVGIcon
Animation
Barcode wrapper
ButtonGroup wrapper
Chat wrapper
ColorPicker wrapper
DateInput wrappers (package)
Diagram wrapper
Dialog wrapper
Gauges wrappers (package)
MaskedTextBox wrapper
MediaPlayer wrapper
Notification wrapper
Pager wrapper
PanelBar wrapper
PivotGrid wrapper
QRCode wrapper
RangeSlider wrapper
ScrollView wrapper
Security
Slider wrapper
Switch wrapper
Tooltip wrapper
TreeList wrapper
TreeMap wrapper
Window wrapper
Avatar
StockChart
Sparkline
RadioButton
RadioGroup
Hint
Loader
ProgressBar
DateRangePicker
Switch
Wizard
Skeleton
ScrollView
ColorGradient
ColorPalette
FlatColorPicker
Button
ButtonGroup
TileLayout
ListBox
ExpansionPanel
BottomNavigation
AppBar
Signature
ChunkProgressBar
VS Code Extension
+? more
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
Iron
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
Iron
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?