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.
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.
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 ?
I try to use v-bind:steps="{ hour: 1, minute: 15 }" but turns out it doesn't have any effect.
I would like to make sure if it is not supported or I have misconfigured.
Thanks!
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
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.
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.
Hello,
I would like to call a component that contains only the custom edit template (to create a new task or edit) for my scheduler.
I followed this solution but the edit window just displays "[Object object]"
The code of scheduler
<kendo-scheduler id=
"scheduler"
:data-source=
"localDataSource"
:event-template=
"eventTemplate"
:editable=
"{template:editTemplate}"
>
The code of the method editTemplate()
methods: {
editTemplate:
function
(){
return
{
template: Vue.component(CustomEditTemplate.name, CustomEditTemplate),
}
}
},
The code of the component that contains the custom template
<template>
<div class=
"k-edit-form-container"
>
<p> Titre <input type=
"text"
/> </p>
<p>
<span >Start <input data-role=
"datetimepicker"
name=
"start"
/> </span>
<span >End <input data-role=
"datetimepicker"
name=
"end"
/> </span>
</p>
</div>
</template>
<script>
export
default
{
name:
"CustomEditTemplate"
,
}
</script>
I think the problem comes from the method editTemplate but I don't undestand why.
Anyone can help me ?
Thanks.
Hello,
Just wondering if there is a way to have the datetimepicker for Vue, the native datetimepicker, to be blank by default instead of the input mask looking text?
Kind regards,
David