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
2,969
questions
-1
votes
0
answers
10
views
why datepicker not setting state 1st time and 2nd time select working fine
why given code not saving state first time when I set date from date picker and 2nd time select working fine. What is the issue in this code or what I am missing here. Even the code throw no error.
...
0
votes
0
answers
16
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 ...
0
votes
0
answers
26
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
17
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($){
$(...
1
vote
1
answer
28
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:
...
0
votes
0
answers
33
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
15
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 ...
1
vote
1
answer
24
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....
0
votes
1
answer
27
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 ...
1
vote
1
answer
91
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 ...
1
vote
1
answer
51
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.
...
0
votes
1
answer
32
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.
$('#...
0
votes
0
answers
14
views
Can I limit jQuery UI datepicker to select only Wednesdays and Thursdays of the 2nd and 3rd week of each month?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<link rel="stylesheet" href="https://...
0
votes
0
answers
16
views
datepicker date is not show by select box value
I have created a function and call this function in select input inside another ajex file, when ajex is calling then and I want to get option value and set this value in API URL afteryour text
call ...
0
votes
1
answer
42
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
vote
0
answers
68
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 ...
0
votes
1
answer
55
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 ...
0
votes
1
answer
150
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 ...
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="//...
0
votes
2
answers
343
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
...
0
votes
1
answer
21
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:
$(&...
0
votes
0
answers
19
views
jQuery onchange not firing on datepicker field [duplicate]
I have a Gravity Form with a datepicker field. I'm trying to attach some code to the datepicker field onchange:
$(window).bind('load', function() {
alert('test');
$("#input_7_25")....
0
votes
0
answers
64
views
Jquery - datepicker setDate/ defaultDate does not work with dateFormat
I would like to set the initial value of the datepicker, with array of dates blocked out and set the date format to dd/mm/yy
However,
the date format does not work with initial value set nor the ...
0
votes
0
answers
137
views
Oracle Apex 22.1 date picker in Arabic not respecting date format
We have two date picker columns (from date and to date) in interactive grid. User can select these dates.
These have date format as DD-MON-YYYY and have set minimum and maximum dates set.
It works ...
0
votes
0
answers
44
views
jquery datepicker not showing calendar after ajax call
I do an ajax call to test if user is allowed to change the date. based on the ajax result, i either show the datepicker calendar or alert them they are not allowed. The problem I have is that the ...
2
votes
1
answer
97
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
@{...
1
vote
1
answer
56
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 ...
0
votes
0
answers
60
views
Why does my date picker update a field in the wrong table row?
After adding new rows in a table when I focus on date it shows the date picker, but when I choose date it changes the date in first row of the table. How can I overcome this problem?
First Date ...
-1
votes
2
answers
183
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 ...
0
votes
1
answer
80
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 ...
0
votes
1
answer
172
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 ...
0
votes
2
answers
174
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
143
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 ...
0
votes
2
answers
165
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 ...
0
votes
0
answers
20
views
How to get all dates and Days from Week Number?
I have 7 buttons with text current Week's Dates, Month, Day. On Click of something need changes the Dates, Month, Days to next Week of the month/next month.
$("#nextweek").click(...
0
votes
0
answers
25
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 - ...
0
votes
1
answer
110
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 ...
0
votes
1
answer
91
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 ...
0
votes
2
answers
152
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
89
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
327
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
vote
0
answers
48
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 ...
0
votes
0
answers
42
views
"beforeShowDay" Not working for given Condition
i want to enable only "friday" in datepicker.
$(".input-monthpicker").datepicker({
format: "dd/mm/yyyy",
autoclose: true,
//...
0
votes
1
answer
89
views
Jquery UI Datepicker - if user enter last 2 digit of year in input field it should show as 4 digit of year
$("body").on("focusin", ".date_field", function(e) {
$(this).datepicker({
yearRange: "c-40:c+10",
minDate: $(this).data("minimum-date&...
0
votes
1
answer
103
views
Only allow the last friday in month date picker don´t work for me
I want to enable only the last Friday in each month in my datepicker. In another example I found a code-snippet but it doesn't work for me. Maybe my picker uses other attribute names?
How I can do ...
0
votes
1
answer
400
views
How do I get beforeShowDay to work with my jQuery datepicker?
I realize many have already asked similar questions, but I have been plugging away at this for ages and, despite reviewing numerous posts and multiple attempts, I can't figure out how to get it ...
0
votes
1
answer
188
views
Trying to call the jQuery datepicker with the dynamic ID from HTML file
Trying to call the jQuery datepicker with the ID. But I do not want to declare the ID on the script page. I want to call this jQuery file or function from the HTML file when I clicked on the input ...
0
votes
1
answer
162
views
jQuery UI Datepicker Event catcher NOT within the plugin code
I am trying to trigger an event outside of the jQuery UI's onSelect code.
I am trying to use jQuery (and I tried vanilla JS too), to catch the on select event of a date, which is actually a 'table td' ...
0
votes
0
answers
196
views
Change date format in ASP.NET Core application
I want to change the default date format (mm/dd/yyyy) in my ASP.NET Core application. I am using bootstrap date-picker for better user experiences.
But when I change the format to dd/mm/yyyy or dd/mm/...
0
votes
3
answers
910
views
Font awesome icon in jquery date picker
I am trying to display the fontawesome icon on "buttonText" of jquery date picker but it displays the text and not the icon. Is it correct? I am using jquery 13.
$("#btnDate")....