Questions tagged [jquery-ui-datepicker]
A datepicker widget from jQuery-ui which allows the user to select a date from a popup or inline calendar
jquery-ui-datepicker
2,975
questions
0
votes
1
answer
121
views
React DatePicker - Click outside day of month and calendar auto close, can't not select end date?
React DatePicker - Click outside day of month and calendar auto close, can't not select end date?
When i clicked April 30 then React DatePicker auto close. And I not choose end date.
enter image ...
0
votes
0
answers
51
views
Iterate through Datepicker dates and add aria-selected='true' to the currently selected date with .ui-state-active
I have multiple date pickers on a page and I'm trying to iterate through the dates to find the currently selected date and add aria-selected='true' to the currently selected date with the class of.ui-...
- 23
0
votes
1
answer
47
views
Why is my Bootstrap datepicker being duplicated if opened too early?
I have a datePicker in my code and when I open the datepicker before all requests are done when they are done it's adding a inline-datepicker inside my datepicker dropdown here's my code
<div class=...
- 1
0
votes
0
answers
37
views
jQuery date picker manual trigger
I have a working version of jQuery date picker, Just need to implement 2 more enhancements to it
The calendar function is not invoking while clicking the Date Icon,
however if I click the text field ...
- 83
0
votes
1
answer
35
views
Displaying a custom woocommerce cart fee based on a custom datepicker field selection
Party Rental Equipment website. Using the JQuery datepicker in 3 woocommerce_form_field, one for Event Date, One for Delivery Date, and one for Pickup Date. I am trying to charge a $440 extra fee if ...
- 1
0
votes
0
answers
41
views
Jquery datepicker does not work on a newly opened blank window
I tried apply jquery datepicker on a newly opened blank window (opened with window.open).
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
...
1
vote
1
answer
38
views
Jquery datepicker not setting 90days or 3months from the month selected in Jquery
I have 2 dates fromDate and ToDate in which I want to implement a logic where if in
FromDate is selected todays date, in ToDate the date should be active or enabled till previous 90 days or 3 months. ...
- 4,701
0
votes
0
answers
31
views
JQuery Datepicker display date format
I have a working version of jQuery datepicker which is defaulted to today's date and display in below format,
I needed to format the display date like below. How can I do it?
Here is the JS code
...
- 83
0
votes
1
answer
207
views
Screen reader doesn't read cell value when moving accros the datepicker grid
I have the following datepicker. The problem is that when running screen reader (NVDA), when moving the selection on the datepicker grid to different cells using keyboard, the screen reader just says &...
- 1,120
0
votes
0
answers
27
views
Datepicker does not work of a form created using php and html
I am trying to use datepicker in a form which is created in a php file. I can see the datepicker icon on the webpage but when I click on that it does not work. However, when I create this form on a ...
- 45
1
vote
1
answer
33
views
jquery DateTimePicker - Grab day of week in selection
I'm trying to add a hidden field when a user selects a date to show the day that it rests on. I looked in the documentation on using the dateFormat but can't seem to render this. So the date shows up ...
- 4,133
0
votes
3
answers
72
views
Disable all Sundays and some specific dates in jQuery UI datepicker
I am trying to disable all Sundays and some specific dates in jQuery UI datepicker. These conditions, together, don't work in my code. Only sundays are getting disabled. Here is the code
var array = [,...
0
votes
0
answers
34
views
Add custom class on x-number of days (months/years) on jQuery UI datepicker dates (each td)
I am trying to dynamically add a class to a number of "td" within the jQuery UI datepicker based on the values from "periodValue" and "periodType".
I am having serious ...
- 103
0
votes
0
answers
12
views
how to add date picker in django forms.py meta class widget
below are my script and a meta class in forms.py, i want to add date picker in my app but the date is not showing on the field.
enter image description here
<script>
$(function () {
...
0
votes
1
answer
33
views
Compare value of jQuery Datepicker with the value of an Advanced Custom Fields field [duplicate]
I have a page with a jQuery Datepicker. Once the value is selected, I want to be able to store it in a PHP variable, so I can compare it with a variable I am getting from an Advanced Custom Fields ...
- 3
0
votes
1
answer
37
views
How do I add blocked dates like holidays to datepicker? [duplicate]
I need help in disabling specific dates on the jquery datepicker. I have successfully blocked out Sundays but I don't know how I could add blocked dates to the calendar. I looked through the existing ...
- 1
0
votes
0
answers
9
views
jQuery datepicker disable Mondays except 2 specific Monday every year
I have a jQuery datepicker that has Mondays Disabled but I am trying to figure out how can I unable a couple of Monday in December
var unableDates = ["4-12-2023", "11-12-2023", &...
0
votes
0
answers
34
views
How to replace date picker in ckan?
I’m currently working with ckan 2.10 and also I install ckanext-scheming extension. When we add a metadata field with date preset, it shows a date picker which is not a part of scheming extension and ...
- 41
0
votes
0
answers
35
views
jQuery 2 sets of datepicker conflict
I have two sets of jQuery datepickers. One that loads on the page for desktop, the other in a modal for mobile. The first instance with two dates (Arrival Date & Departing Date) works as intended. ...
0
votes
0
answers
37
views
Duplicate Datepickers Issue with Custom jQuery UI Datepicker
I'm working on a WordPress website, and I have a specific page with a custom element implemented in PHP. I'm using jQuery UI's datepicker for this input field. Here's my code:
(function($){
$(...
- 188
1
vote
1
answer
190
views
jQuery datepicker month select box opens and closes immediately inside Bootstrap modal
I've encountered a conflict between Bootstrap's modal and jQuery UI datepicker where I can't use the month select box because something closes it immediately after being open.
Steps to reproduce:
...
- 4,799
0
votes
0
answers
35
views
Setting request_locale change format variable Date in Struts 2 [duplicate]
I have a web app with Struts 2.5.30 and struts2-jquery-plugin 4.0.3 , I'm using datepicker with displayFormat="dd/mm/yy" and when user change language with a click on flag image the param ...
0
votes
0
answers
21
views
Extract Enabled/Disabled dates from jQuery datepicker object on live website using Chrome console
I have a website that's showing a simple jQuery date picker - https://jqueryui.com/datepicker/ Currently, it shows the dates, some of them are ENABLED and some are DISABLED.
Is there a way to write a ...
- 101
1
vote
1
answer
43
views
Jquery datepicker fixed maxrange 365 days between 2 inputs
I have 2 jQuery datepicker inputs
And I set default settings on like this:
$("#polis_date_from").datepicker({
uiLibrary: "bootstrap4",
changeYear: true,
changeMonth: true,
dateFormat: "yy....
- 13
0
votes
1
answer
80
views
How to automatically close a Calendar Icon when mouse click or focus out from specific content?
I have calendar attached to the date of birth field when I click on the calendar icon it opens as I need to add the DOB ( Date of Birth ) but for closing the dialogue box I need to click on the close ...
- 67
1
vote
0
answers
374
views
How to change the subtotal and total based on the calculation of pickup and delivery date on checkout?
I need help with a wp date picker. The thing that I want is - customers on the checkout page can choose the pickup and delivery date. After choosing the date, the in-cart summary shows the calculation ...
- 13
1
vote
1
answer
402
views
How to retrieve WPML current language code to use the correct date format in jQuery Datepicker?
I have this hotel wordpress site using WPML to handle the internationalization. The model I use is each language has its language folder: mysite.com/en/, mysite.com/de/, etc
All is working properly.
...
- 354
0
votes
1
answer
35
views
Datepicker: Disable second + fourth week?
I have my days of the week picked out and it works fine, but am unsure of how to implement disabling the second and fourth week.
Looked at some other solutions, but it's disabling my datepicker.
$('#...
- 11
0
votes
1
answer
72
views
Any way to make lastVal work for a jQuery UI datepicker that is displayed inline?
As I mentioned above, I'm displaying a jQuery datepicker inline and can't get lastVal working. For further illustration I've edited a jQuery datepicker with working lastVal to displaying inline and ...
- 1,611
1
vote
0
answers
105
views
JQuery Month & Year Picker with Custom Text in Dropdown or Last Selected Month & Year
I have a JQuery Month and Year picker and I'm trying to make the dropdowns of the month and year display a generic text or display the last selected month and year values. Right now it displays the ...
- 125
0
votes
1
answer
200
views
How to alert user of date selection criteria?
I have seen this question being asked here:
Alert User When Selecting Disabled Date
Unfortunately, there is nothing to glean from the answers provided.
We have a requirement to prevent users from ...
- 639
0
votes
1
answer
519
views
How to force ui-datepicker date format to ("yyyy-MM-dd")
Can someone please help me with formatting a date in a form-control ui-datepicker. Despite setting the format in the model and in the view the picker ignores that and uses MM/dd/yyyy.
In the model I ...
- 37
0
votes
0
answers
22
views
jquery datepicker formatting not lining up
Just using standard jquery datepicker and my calendar looks like this (dates are way outside the calendar frame). Any ideas how to fix?
page has :
<link rel="stylesheet" href="//...
- 2,524
0
votes
2
answers
1k
views
Datepicker- Week starts on Sunday with Week number
How do I display week starts from Sunday in datepicker along with week numbers.
eg: I need Week starting from 12/03/23(Sunday) should display week number 11 instead of 10. Any help appreciated. thanks
...
- 45
0
votes
1
answer
25
views
How to set third min-max relationship for jQuery UI datepicker
In my application I'm using jquery datepicker for 3 date inputs, "receiveDate", "startDate" and "endDate". I already set my startDate always earlier than endDate by:
$(&...
- 21
2
votes
1
answer
133
views
Jquery Datepicker element displaying date in incorrect format and messed up styling
I am having a problem with my datepicker element that is driving me crazy. I am using the following code to create the datepicker element in index.cshtml:
@using ChartDataStructures;
@model UpToDate
@{...
- 107
1
vote
1
answer
71
views
How to modify URL when changing month by clicking on the next/before month arrows using bootstrap datepicker
I have a Bootstrap Datepicker and I'm trying to be able to modify the url by clicking on the next month arrow or month before arrow.
Datepicker example
When I pick some day on the calendar, the URL ...
- 13
-1
votes
2
answers
335
views
Сounting the number of working days without taking into account holidays and weekends in jQuery UI Datepicker
I use jQuery UI DatePicker and was able to disable weekends and holidays there (custom list). Now I need to count the number of working days in a month without taking into account the days off before ...
- 1
0
votes
1
answer
120
views
JQuery UI DatePicker - Input Blocked when Calendar Overlays card-header
I have implemented JQuery UI Datepicker on a site.
I have an issue where that when I click to show the calendar dropdown, where the dropdown overlays the bootstrap card in the next row, anything over ...
- 238
0
votes
1
answer
317
views
jquery ui datepicker - beforeShowDay not working when I first open the clendar
it looks like the beforeShowDay doesn't work the first time I open the calendar on the current month.
I'm having the jquery ui datepicker with few active days each month.
when I refresh the website ...
- 13
0
votes
2
answers
376
views
How can we do date highlight which we particular disabled using jquery in ui datepicker
Here is my code as below, Please help me to find out solution for add highlight on those dates which I particularly disabled and Sundays.
And Do not want to highlight disabled previous dates from ...
0
votes
2
answers
367
views
How can I add 1 day from the date selected? jQuery DatePicker [duplicate]
I currently have been making a leave request form. However, I am having a hard time adding +1 day to the end date of a user's leave end date. I tried e.date+1 and also e.date+1d but neither of them ...
- 83
0
votes
2
answers
369
views
How to get the date from the alternate datepicker field?
Datepicker has this function which allows you to ship the date into an alternative input with an alternate date format. In my program, I'm hiding the datepicker input and trigger open the calendar ...
- 2,365
0
votes
0
answers
43
views
Jquery DatePicker - Show the date outside of the minDate - in the Input Box
I am having a jquery datepicker which shows the day the task has been created and the day till which the task is available - Period From and Period To.
The problem is when I go to modify the task - ...
- 27
0
votes
1
answer
166
views
How to auto increment the year in javascript datepicker when the date reaches end of the year
How to auto increment the year in javascript datepicker when the date reaches end of the year.
My date field displays only maxDate as Current date and yearRange is set to 1900-2022 but it should ...
- 11
0
votes
1
answer
112
views
How do I attach datepickers to text boxes with the same ID?
I have an ASPX that has a repeater. Inside the repeater is a text box with a JQuery datepicker attached to it. The text box's ID is static, so it is the same for all of those items within the ...
- 150
0
votes
2
answers
213
views
I have an unknown problem with datepicker
var form = document.createElement("div");
form.innerHTML = "<input type='text' id='Test'>";
swal({
content: form,
closeOnEsc: false,
closeOnClickOutside: false,
});
$...
0
votes
2
answers
178
views
jquery datepicker insert dayid to all days within <td> attribute
I need to add dayid to all <td>
for example:
<td class=" " data-year="2022" data-month="8" data-event="click" data-handler="selectDay">
&...
0
votes
1
answer
590
views
jQuery UI datepicker onSelect NOT working
I have From Date and To Date jQuery datepicker controls and if I change From Date, then To Date should automatically be 180 days from From Date
Below code is not firing the onSelect event even if this ...
- 1,120
1
vote
0
answers
55
views
Undisable disabled days in jQuery datepicker
I want to un-disable dates in the datepicker, I tried to empty the array of the disabled days, but they are still disabled when I open the datepicker.
Here is my code to disable the days in the ...
- 318