Questions tagged [datepicker]
A datepicker is a user interface element in many frameworks that allows a user to choose a date and also, in some cases, time, often through a visual calendar.
16,307
questions
0
votes
1
answer
25
views
should i can change the placeholder of datepicker of powermail form in typo3?
I am new to typo3 and I created a simple contact form using powermail and I took a date picker of powermail.
In that, the default placeholder is dd/mm/yyyy. But I want a different placeholder. So how ...
0
votes
0
answers
18
views
Using datepicker.js in Script Editor web part on Sharepoint 2013 does not allow selecting dates
I have written a simple html page in Sharepoint 2013 with a text input that is meant to use datepicker.js. When I click into the text box, the calendar correctly pops up, but no dates are selectable. ...
0
votes
0
answers
12
views
Update results interactively with ipywidgets DatePicker
I am trying to create a dashboard using Python and Ipywidget, where the user selects the values in two columns from a drop down menu, and a date, and the dashboard would display the results ...
0
votes
2
answers
31
views
I want to add 15 minutes slot to each StartTime in a loop and store in array of objects
const createTimeSlots=(fromTime,toTime)=>{
let timeAndDate=new Date()
let timeDates=
let array=[];
let ob={}
while(timeAndDate<=timeDates){
ob=...
1
vote
1
answer
22
views
How do I show data based on the currently selected week in a WeekPicker and how to still be able to swipe through the data with a swipe animation?
I am currently developing an Xamarin Forms application for a customer. The app should show data, based on the current week selected in a Picker. The app needs a functionality to swipe between the data ...
0
votes
0
answers
9
views
Choose date within a range using ipywidgets Date Picker
I need to create a widget that would allow the user to choose a date between two dates, say datetime.date(2021, 1, 1) and datetime.date(2023, 12, 31), and from the official documentation of ipywidgets ...
-4
votes
0
answers
25
views
Multiple selection calendar with vertical scrolling iOS swift 5 [closed]
I want to implement the a vertical scrolling calendar with multiple selection capability. I searched a lot of libraries but did not find the same functionality.
Please suggest me some libraries with ...
0
votes
1
answer
16
views
Formik with react-day-picker
I would like to create a form with a date picker. So i choose React DayPicker v8 now i would like to implement this picker in my current formik form.
I created a date picker component:
import React ...
1
vote
1
answer
38
views
How to set one DatePicker for Multiple TextField.?
I'm Trying to Create a Demo, On Register Page I have 3 TextField, From date and To Date and Date of Birth. I want to use Date Picker and Time Picker for all the textfield. I gave delegate and created ...
0
votes
0
answers
8
views
KeyboardDatePicker it is possible to accept different formats?
I have KeyboardDatePicker from materialUI and i have a format={'yyyy.MM.dd'}, and its work fine. But when i put only year or year and month it shows me 'Invalid date' error. It is possible to have ...
0
votes
0
answers
15
views
How to disable default IOS devices calendar for DOB fields
Base
Hello all, I have been doing one of the projects for my organization where I have created a form in which the user has to enter all his personal details in order to submit the application. I have ...
1
vote
0
answers
20
views
How to set the global disbaledDate property for DatePicker component in React(TypeScript)?
The Questions is: How to set the global disbaledDate property for DatePicker component in React(TypeScript)?
I want to set all the DatePicker component can't select the date before 9999/12/31.
I try ...
0
votes
0
answers
21
views
Translate ACF Datepicker
I am using the ACF Date Picker to choose and show a start and end date + WMPL to have the site in English and Dutch.
The date ranges are displayed together depending on a variety of combinations (...
0
votes
0
answers
13
views
Manual editing JFormattedTextField of JXDatePicker
I'm currently working on an issue I encountered using JXDatePicker.
Indeed I've been able to implement a JXDatePicker that allows me to pick a date from the calendar pop up. The selected date is ...
0
votes
0
answers
24
views
ngx-bootstrap datepicker value disappear or remove itself
I'm using ngx-boostrap datepicker and i have two datepickers as below
<div class="form-group col-sm-2">
<input type="text" id="dvcStart" class="form-...
0
votes
0
answers
13
views
How to make EditorFor show only years for a date
I need a datepicker that only shows the year values for my date. I make use of html.EditorFor.
I tried adjusting the format but that does not seem to work. Can I adjust the datepicker to what I want?
...
0
votes
1
answer
10
views
React DatePicker Not showing the selected date in useState
I have a code that should show the calendar so that user can pick the date :
Problem is the useState is not picking the selected date.
Please help me. Below is my code:
import 'react-modern-calendar-...
-1
votes
0
answers
11
views
Datepicker Jquery Javascript Day specific range
How to put a specific maximum in datepicker jquery, example I want the maximum selection day to be until the 20th of each month?
But after the 20th of each month I need it to be restricted until the ...
-1
votes
0
answers
20
views
Jquery ui DatePicker showing NaN-undefined-NaN after input is disabled for spanish users
A Jquery UI Datepicker used in the application to input Date of Birth. Some users are manually inputting date instead of using the datepicker. So to stop this, I disabled the input field. So for ...
0
votes
0
answers
2
views
AngularJS md-datepicker - Pass md-date-filter function name in variable
I have a page with different tours that visitors can book. The tours have different availability, and I need the datepickers for the different tours to only have dates enabled for when that specific ...
0
votes
0
answers
29
views
Javascript Add two days to current date exclude holidays and weekends using date-fns library
Suppose today is my current date I want to add two business days and if the holidays/weekends fall into these days , we append those many holidays and skip the weekends. 11/05/2022 + 2 days = 13/05/...
0
votes
1
answer
34
views
Ninja Forms date picker isn't working on WordPress
I have a client who is using Ninja Forms and for whatever reason, I can select a date (any month) on the 1st through the 6th, but any date past then, it prompts the error "Please enter a valid ...
0
votes
1
answer
24
views
Jquery DatePicker calendar to remembering previous selected date
I have 2 date pickers on my page that are formatted to display month and year. When a user selects the month and year, the page loads data based on the selection. All this works fine. The users are ...
0
votes
1
answer
29
views
MUI DatePicker hangs on big date changes
MUI DatePicker (either from Labs or X) was working fine. I cannot work out what happened, but it now hangs if I want to change the date by ten years. It seems like the code goes into an infinite loop, ...
0
votes
1
answer
19
views
Datepicker with dynamically blocked dates from DB using AngularJS and PHP
I've been scanning the internet for a datepicker that checks in a DB if dates are available or not in the current month, but to my surprise haven't found one! Does anyone know of an datepicker like ...
0
votes
0
answers
26
views
TypeError: date.clone is not a function After Added the "name" property to Form.Item (ant design)
I am currently building an application with DatePicker from Ant Design and I am wrapping with Form.item.
<Form.Item
name={key}
label={label}
>
<DatePicker
...
0
votes
0
answers
15
views
How to change today's date in NGX Bootstrap Datepicker
I want to insert my own date while clicking today's button in the NGX Boostrap datepicker. But I could not find any output event emitters for today's button. Is there any alternate way?
Since I ...
0
votes
1
answer
39
views
Reset date value in antd datepicker(react-testing-library)
I want to test the functionality of clicking on the clear icon that appears on hovering on the antd datepicker but it's not working for me.
it('should clear start date', async () => {
...
0
votes
1
answer
34
views
How to change placeholders for antd range picker component
Unlike date picker, range picker of antd has two place holders defaulted to Start Date, End Date
I want to change the placeholders to Start, End.
I have tried the following code which doesn't work as ...
-1
votes
0
answers
40
views
AngularJS Material md-datepicker - Dynamically disable days using DB data
I need to check dates as the user scrolls through different months, and dynamically check of days of those months are available. Is this possible with AngularJS Material datepicker? Or would I have to ...
0
votes
1
answer
30
views
How to use a date picker as an input in a form - angular
I have a form with some mat-form-field, it is supposed to have together with others two inputs as date picker
this.templateForm = this._formBuilder.group({
arrivalDate: new FormControl('', ...
1
vote
1
answer
22
views
Is it possible to import vue-datepicker language via a variable
I am using vue-datepicker plugin in my project. According to the docs, you set the language like this:
<datepicker :language="nl" />
And
import {nl} from 'vuejs-datepicker/dist/locale'...
0
votes
0
answers
32
views
Symfony DateTime format errors - datatransformation (external datepicker)
I'm working with Symfony 6 and a TempusDomini datepicker.
I have read (amongst many others) the symfony documentation, https://symfony.com/doc/current/reference/forms/types/datetime.html.
Based on the ...
0
votes
0
answers
39
views
Vue2 Element-UI Datepicker set editable property to date-rage textbox
As per documentation in Element UI - datetime-picker it is possible to set "editable" property to whole datetime-picker control.
But I want to set "editable" property to false to ...
0
votes
0
answers
31
views
Why is the Datepicker calendar in Material UI not aligning properly?
I am using datepicker from "@mui/x-date-pickers/DatePicker".
import { DatePicker } from "@mui/x-date-pickers/DatePicker";
import { AdapterMoment } from "@mui/x-date-pickers/...
0
votes
2
answers
25
views
Bootstrap DatePicker on Safari / Angular
i need some help with the safari browser. I have a angular app which have a function to select on ngOnInit the current week in a datepicken.
It works fine with firefox, brave, chrome and so on.
but ...
0
votes
0
answers
13
views
How to use mulitple date time pickers in a form react native functional approach. I'm using three datetime picker to get input
** I'm react learning react native when
I'm selecting start time it
shows booking time like that the time is not matching In three pickers two only working**
And the values are mismatching
when ...
0
votes
0
answers
22
views
Using v7 react-hook-form with v5 mui date pickers
In the react-hook-form documentation you can find a fully working example ( https://codesandbox.io/s/react-hook-form-v7-controller-5h1q5?file=/src/Mui.js ) that uses the KeyboardDatePicker
Now the ...
0
votes
1
answer
74
views
Set date and get Date from Material Date Picker in Kotlin Android
I'm learning kotlin and at the moment I don't know much, I want to change a datepicker that I have for one of type Material, the problem is that I don't know how to pass the data to this new date ...
0
votes
0
answers
36
views
Swift - how to create a date picker for date that give the option ---- inside of year?
Good day, i am creating this thread in order to know how to create a date picker on swift that shows dates and also give the option on year that shows -----. I am looking on my iphone, inside my ...
0
votes
0
answers
19
views
How to sort table data with data-picker in Vue?
And this is my data below, please help me sort data based on selected date in calendar! And this is my data below, please help me sort data based on selected date in calendar!
<date-picker
...
0
votes
0
answers
35
views
DatePicker Highlight Only One Weekday
Ok so, below is the code, I'm trying to adapt apple's code to show only 1 weekday (the weekday the app was launched) every week, right now I can nail down a span of x days, but I'm trying to get 1 day ...
0
votes
0
answers
13
views
Changing datepicker timezone in reactjs
I've been trying to solve this problem for days. please help me with this.
I am using antdesign datepicker. but I want the timezone of the selected date in this datepicker to be according to the UTC ...
1
vote
0
answers
28
views
Change language in DatePicker Ant Design
I have some problem with change language of month and days in my DatePicker from Ant Design. I want my DatePicker looks like this: want
I try to use this https://ant.design/components/date-picker/#...
0
votes
0
answers
25
views
How to set datepicker default date?
@IBOutlet weak var tfDateStart: UITextField!
@IBOutlet weak var tfDateEnd: UITextField!
let formatter = DateFormatter()
tfDateStart.text = formatter.string(from: Date())
var dayComponent = ...
0
votes
0
answers
35
views
Kotlin date picker library for multiplatfor
I am looking for library for kotlin multiplatform (kmm, kmp) for working with calendar (date picker, like MaterialDatePicker). Does anyone know if this exists?
1
vote
0
answers
16
views
How to change MatDatepicker format dynamically?
I have matDatePicker. On button click i want to change hour format from 24h to 12h and vice versa. I know only one way to do it, { provide: NGX_MAT_DATE_FORMATS, useValue: CUSTOM_DATE_FORMATS} But if ...
0
votes
0
answers
13
views
Input Type Date's Content Only Showing 1st Half
Can anyone help me why my input type date field's content is only showing half of its content? There is no styling on this input? Does anyone know what is causing this behavior?
0
votes
1
answer
37
views
ng2-date-picker - After typing date in datepicker input we can see that date in calendar, but after selecting it from calendar it deletes from input
After typing date in datepicker input we can see that date in calendar, but after we type that date and it shows in calendar, we select it from calendar but it deletes from input. I guess it is ...
0
votes
0
answers
15
views
How to customize MonthPicker styling in MUI?
Want to customize the Header as below highlight
enter image description here