I'm having two datepickers from vuetify. I want them to be synked so if i choose for example 1 december 2020 in the first picker, I want the second picker to open on december, and not today.
Someone who has done the same thing?
I've searched through vuetifys documentation for datepickers and tried props like 'picker-date' but doesnt work.
Assign the same v-model to both it they do the same job.
Related
I am trying to set the initial scroll position as I have a floating search bar that will sit above my calendar.
Here is what it looks like on load as you can see the initial date is hidden:
Here is what I want it to look like on start as you can see the initial date is just below my floating search bar:
Anyone know how I can achieve this? Setting the initial start date 1/2 days behind is not an option as the height will vary based on the number of events in those days.
As per the current implementation of the calendar, there is no support to change the initial scroll position. The calendar will be positioned as the initial date view based on the initial display date value or controller display date value.
Please refer to the following UG link for more information.
https://help.syncfusion.com/flutter/calendar/getting-started#initial-display-date
https://help.syncfusion.com/flutter/calendar/date-navigations#programmatically-change-to-adjacent-dates
I have requirement that sap.m.DatePicker should prevent alphabets but accept numbers. And the maximum input length should be 10.
When two digits entered for date, e.g. "10", a dot (".") should be automatically added. Also month. At the end, it should look like "10.12.2019" in DatePicker. I guess it would be possible with liveChange event, but DatePicker doesn't have liveChange.
Please let me know how to add custom liveChange event in DatePicker. It would be great help.
Currently (as of SAPUI5 1.64), there is no event such as liveChange for DatePicker. To add this functionality, you can create your own control and let it extend DatePicker. Then add the control to your view, attach an event handler and update the DatePicker's value using DatePicker#setValue.
You can take a look at
how to create a custom control in SAPUI5 here.
the liveChange implementation of sap.m.Input here.
The maxLength property of the input will be set by SAPUI5 automatically if you specify the DatePicker's property displayFormat, in your case dd.MM.yyyy.
OpenUI5/SAPUI5 1.104 adds the liveChange event to the following controls:
sap.m.DateTimeField controls, e.g.:
sap.m.DatePicker
sap.m.DateTimePicker
sap.m.DateRangeSelection
sap.m.TimePicker
sap.m.MaskInput
See commit: 72fdbf4.
Link to original post
Here is what I am facing.
I am using the 'sheet selector' technique to switch between two sheets and the sheet selector parameter is the 'PY' and 'Date Range' option.
I also want to hide the corresponding filters along with the sheets.
When I pick PY - the checkboxes will be displayed.
When I pick date range Rebate Commit Date will be displayed.
I was able to successfully hide PY option by setting it to 'Only relevant values'.
However that is not working for date range
So I used a floating object in a vertical container to hide the date range.
It is hiding successfully but when I need to access date range am not able to do that because of the floating object on top.
Any ideas are highly appreciated.
Thank you.
Answered in tableau community - Link
Is there any way to change the date (value returned by getDate) pressing the change month arrows without using setDate?
It's not much clear your request..try to specify better; anyway see the documentation about datepicker https://jqueryui.com/datepicker/#dropdown-month-year
Is there a way to display the day of week (short or long) in the picker itself? I've seen examples of this value getting calculated but I've found nothing that shows a picker that resembles to IOS one where the left most wheel shows the day of the week AND the day of the month...
You can do it with the dateOrder option, where you would need to pass: 'mmD ddy'
It will look something like
$('#demo').mobiscroll().date({
// your inti properties
dateOrder: 'mmD ddy'
});