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

Filter by
Sorted by
Tagged with
-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. ...
Sk Zaffar Ekbal's user avatar
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 ...
nima's user avatar
  • 41
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. ...
Deirdre Nic's user avatar
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($){ $(...
liz14's user avatar
  • 188
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: ...
CIRCLE's user avatar
  • 4,539
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 ...
Giuseppe Coniglio's user avatar
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 ...
Amit Baswa's user avatar
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....
ad0rfin's user avatar
  • 13
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 ...
Fahad Ashiq's user avatar
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 ...
gobby's user avatar
  • 13
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. ...
Greg's user avatar
  • 354
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. $('#...
Jon Danyeur's user avatar
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://...
makefuture's user avatar
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 ...
Devboy's user avatar
  • 1
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 ...
csabinho's user avatar
  • 1,573
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 ...
RMT's user avatar
  • 105
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 ...
Tairoc's user avatar
  • 635
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 ...
A Cameron's user avatar
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="//...
bart2puck's user avatar
  • 2,442
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 ...
learn_coding's user avatar
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: $(&...
Acadia's user avatar
  • 1
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")....
Alex Douglas's user avatar
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 ...
Natalie.L's user avatar
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 ...
Abdul Wahid's user avatar
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 ...
bart2puck's user avatar
  • 2,442
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 @{...
grant martin's user avatar
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 ...
André Tex's user avatar
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 ...
Mani-Peer's user avatar
-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 ...
Vito's user avatar
  • 1
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 ...
Simon Evans's user avatar
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 ...
user3316244's user avatar
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 ...
Ravina Madhani's user avatar
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 ...
codeTester-'s user avatar
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 ...
Grogu's user avatar
  • 2,117
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(...
mounika chowdary's user avatar
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 - ...
SAM SAMULE's user avatar
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 ...
vinod kumar's user avatar
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 ...
Don Del Grande's user avatar
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, }); $...
Aliakbarian's user avatar
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"> &...
js newbie's user avatar
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 ...
CPK_2011's user avatar
  • 834
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 ...
Eli-ott's user avatar
  • 151
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, //...
Baba Ranjith's user avatar
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&...
Garima Jain's user avatar
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 ...
Chris's user avatar
  • 23
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 ...
Sean's user avatar
  • 95
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 ...
SAM Jubayer's user avatar
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' ...
ClosDesign's user avatar
  • 3,904
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/...
Mehedi Hasan Kajol's user avatar
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")....
Hector's user avatar
  • 31

1
2 3 4 5
60