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.

Filter by
Sorted by
Tagged with
0 votes
0 answers
17 views

Change Timezone of Storefront Calendar Date Picker

In checkout, I created a date picker for the delivery date. When the date picker is opened the ui-datepicker-today selects the today date of my local timezone. I cannot find a way to change the ...
Ricky Aldea's user avatar
1 vote
2 answers
47 views

How to set a date field in a ui form to be mandatory?

I have this date field in a form (a ui component) and i'm tryig to make it "required field", I tried with <item name="required-entry" xsi:type="boolean">true</...
elunicotomas's user avatar
1 vote
1 answer
41 views

Datepicker Not Showing On Magento2 Checkout Page On Selection Of Store Pickup Shipment Method

Getting error like this on console while clicking on date. Uncaught TypeError: Cannot read properties of undefined (reading 'call') at $.datepicker._showDatepicker (calendar.js:543:50) at ...
Gullible's user avatar
0 votes
0 answers
28 views

How to change Expire Date format in admin form magento 2

how can i change Expire Date format from mm/dd/yy to dd/mm/yy in product form admin panel
Khaled Yahya's user avatar
0 votes
0 answers
142 views

Datepicker binding error in Magento +2.4

I have upgraded from 2.3.7 to 2.4.5 and datepicker binding provokes an error: jquery.js:4050 jQuery.Deferred exception: Unable to process binding "datepicker: function(){return { storage:...
jlballes's user avatar
0 votes
2 answers
228 views

Magento 2 Datepicker in checkout default is a disabled date

We recently created a system that allows a maximum amount of orders on specific days, and if that max has been reached the date picker greys out the date, this goes all as expected however currently ...
FUZIION's user avatar
  • 71
1 vote
2 answers
1k views

date format in admin form magento 2

In the db_schema : <column name="holidays_start_date" nullable="true" xsi:type="date" comment="holidays_start_date"/> I created a field of type date in ...
thomas poidevin's user avatar
1 vote
2 answers
587 views

System Configuration multi date selection Magento 2.4

I need to add option to select multiple dates in system configure. I can add single date input field in system configure. but I doesn't have any idea about to add multi date picker in system configure....
Harsh Patel's user avatar
0 votes
1 answer
539 views

Add date picker on customer registration form in magento 2.2

I want to add DOB field on customer registration page with 3 dropdowns as Day, month and year (datepicker) Can anyone help me in that? Currently the DOB field is just a text box.
Nicola Smith's user avatar
0 votes
2 answers
367 views

Apply "OR" condition in Order Collection in Magento 2.4.3

How to apply "OR" Condition on Order Collection ?? Example:- I want to filter order collection on these 4 date on order collection. November 27, 2020 November 29, 2019 November 23, 2018 ...
Ronak Rathod's user avatar
  • 6,216
0 votes
3 answers
450 views

Magento2: How to add placeholder in DOB field?

Magento ver 2.4.3 I want to add placeholder on DOB field. Please let me know the right way to add this. Thanks
Purushotam Sharma's user avatar
1 vote
0 answers
190 views

date range validation in magento 2 ui comonent

I have created a custom module to mark order as delivered , In my ui component file located at app/code/Namespace/Modulename/view/adminhtml/ui_component/namespace_delivery_form.xml i have the ...
Ritesh Kumar's user avatar
0 votes
0 answers
164 views

Datepicker in custom widget Magento 2.3.4

Is there any chance to create a field in custom widget with datepicker? I have a field that means end of sale and now I can type there text in spcific format only. I want to have there a datepicker (...
LeTeeL's user avatar
  • 27
0 votes
0 answers
59 views

How to modify datepicker input template and js file?

I want to change date input data bind attributes and I don't know exactly which file I should overwrite. I changed these files but output is still the same. map: { '*': { 'Magento_Ui/...
Mahdi Alikhani's user avatar
0 votes
1 answer
400 views

Set value of knockout datepicker from another script file got Error

I'm using Magento 2.4.1 and i successfully add datepicker in checkout page like this: js file define([ 'jquery', 'ko', 'Magento_Ui/js/form/element/abstract', ], function ($, ko, Component)...
blue's user avatar
  • 118
0 votes
3 answers
1k views

Magento 2.4: How can we remove datepicker.js in Magento 2.4

How do I remove datepicker.js?? I have tried in layout "default_head_blocks.xml" ```<?xml version="1.0"?> <!-- /** * Copyright © Magento, Inc. All rights reserved. * See ...
bolo's user avatar
  • 41
3 votes
2 answers
337 views

Magento 2: Add datepicker in massaction field in block grid

I am trying to show the date picker in the mass action field in the custom block grid. Here is my code: $this->getMassactionBlock()->addItem( 'update_eta', [ 'label' =>...
Mohit Kumar Arora's user avatar
1 vote
0 answers
324 views

Magento 2.3.4 Change date picker to 3 drop down dd/mm/yyyy

How to change Magento 2 date picker to 3 drop down which allows users to pick date month and year. Tried to follow this -> DOB Validation with three fields in magento2 But it didn't work and it wasn't ...
jibin george's user avatar
0 votes
1 answer
623 views

Add clear button in frontend calendar button panel

I am trying to add a clear button in the jquery datetimepicker widget using the below code. define([ 'jquery', 'ko', 'Magento_Ui/js/form/element/abstract' ], function ($, ko, ...
Zaheerabbas's user avatar
  • 2,058
1 vote
1 answer
442 views

Mageno 2 - How to set width of input where I use DateTime picker

How to set the width of input where I use DateTime picker? There is a question, which I have reviewed, but it looks like there are no issues. Magento 2 - How to add the DateTime UI Component ...
Yury Adamovich's user avatar
0 votes
1 answer
1k views

Datepicker calendar always show

I need to always show calendar popup in div below input with datepicker. There is my code <div class="field date"> <input type="text" name="datepicker" id="datepicker" value="" ...
Oleg Lavrenko's user avatar
4 votes
0 answers
614 views

Using Custom JS for magento 2 KO datepicker in checkout page error required field

I tried to add a custom datepicker with custom js in my Magento 2 checkout for delivery date, the custom js datepicker is showing and when i click the date it fills the value, but when i click next to ...
jojo's user avatar
  • 129
2 votes
1 answer
1k views

Magento 2.3.3 - Date format issue in admin area with different locale

I tried to edit the product special price date from admin with different locale and it showing issue with date format. It is working properly with en_US locale. When I switch the locale to nl_NL, ...
ajay's user avatar
  • 35
1 vote
1 answer
341 views

Magento 2 How to disable html date input type in choosing future dates?

I am trying to disable future dates in my Magento custom modal. here is my script. I work perfectly fine in my html file. But when I apply it in Magento, it does not work. Can someone suggest a ...
Miguel Intoy's user avatar
0 votes
1 answer
306 views

Change date format of date filter in all admin grids

I'm a magento newbie. My client asked us to change date format of date filter in all admin grids. He needs to change date format to display as dd/mm/yyyy. Can anyone help to solve this? Thanks in ...
Soorajlal K G's user avatar
0 votes
1 answer
494 views

Is it possible to add date picker in checkout magento 2

I been trying to figure out how to add date picker in checkout. I can add date picker by plugin but I am not sure if that is correct way. I was expecting this to be done through knockout js but I ...
Jack Brooks's user avatar
1 vote
0 answers
81 views

Magento 2 how to add date of birth in checkout (date picker)

I want to add the date of birth date picker in checkout only for guest users. I have read a few things which indicate that I have to use knockoutjs. But I wasn’t sure what is the correct way to ...
Jack Brooks's user avatar
0 votes
1 answer
132 views

Magento 1 - Jquery datepicker error with merged JS

In magento 1 when merged javascript files is set to "yes" I encountered this error : When merged javascript files is set to "No" there was no problem with jquery datepicker. Do you have any idea ...
Fbr's user avatar
  • 147
0 votes
2 answers
4k views

Changing Default magento 2.3 datepicker format

The default Magento date-picker format for birth-date on create account page is mm/dd/yyyy. how can i change it into dd/mm/yyyy format in Magento 2.3
Nafsss's user avatar
  • 720
1 vote
0 answers
2k views

Magento2.3.1: Date of birth validation issue on customer registration page

On Magento 2 Account registration page, When I create account and enter date of birth then it shows error that Please enter a valid date. I am selecting date with magento default date picker How do ...
Ashar Riaz's user avatar
  • 1,025
0 votes
0 answers
291 views

Datepicker not working on registration form in magento 2.3

This is my code for DOB on the registration form and its not working. It just displays a text box and not date picker. <?php $_dob = $block->getLayout()->createBlock('Magento\Customer\Block\...
Nafsss's user avatar
  • 720
0 votes
0 answers
96 views

Datepicker on register form in magento 2.3

I want to add datepicker for selection of date of birth on customer account registration form. https://prnt.sc/orlaam I am using the default block <?php $_dob = $block->getLayout()->...
Nafsss's user avatar
  • 720
3 votes
2 answers
2k views

Magento 2 When Add Date-picker On Frontend Custom Form

When i try to add date-picker on custom frontend form then give some Uncaught TypeError: Cannot read property 'call' of undefined at HTMLInputElement.$.datepicker._showDatepicker (calendar....
Chirag Gondaliya's user avatar
1 vote
2 answers
2k views

Magento 2 how to restrict previous date in datepicker , for frontend detail page custom options

In Magento 2 how to restrict previous dates in datepicker ,in detail page customizable options, Please help me out on this .
Chala Chalapathi's user avatar
0 votes
1 answer
70 views

How to add a datepicker field in Shipping address step at Customized checkout?

In the checkout page, we have two of the options. First one is School and the second one is Private person. Customer can order via school option and as well as the private person. In both the option, ...
Siva's user avatar
  • 1,124
0 votes
1 answer
66 views

How to add a custom field in customized checkout step?

I have referred the below link for adding a custom field in the checkout http://vagento.com/magento-2-add-custom-field-checkout-address-form/ It's working fine. How to do the same in a customized ...
Siva's user avatar
  • 1,124
4 votes
2 answers
3k views

How to add datepicker field in Checkout?

I want to add a date picker field into the checkout page but I have no idea where to start. I have tried this Add date picker in checkout page but it's not working for me. We are having the below ...
Siva's user avatar
  • 1,124
0 votes
0 answers
381 views

How can i only show date and month select box in calender(Magento 2)

I want my customer edit form calendar to be only date and month and no year and no week days name. This must include leap year as well if a user birthday is on 29th Feb and according to this current ...
summu's user avatar
  • 837
0 votes
0 answers
333 views

how to change getDateFormat() to only have date and month

So in my Customer edit form, I need to remove year , so on inspecting i found out the script code renders from vendor/magento/framework/View/Element/Html/Date.php code $html .= '<script type="...
summu's user avatar
  • 837
1 vote
1 answer
801 views

How to remove year dropdown from ui-datepicker Magento 2

How can i remove ui-datepicker-year from calender in Magento 2. I only want to make user select only date and month. How to achieve that. I have removed this line of code from jquery-ui.js if ( !...
summu's user avatar
  • 837
3 votes
3 answers
3k views

How to implement Time Range Picker in Magento 2 Admin system.xml?

I found one similar solution that almost does what I want. DateTimePicker System.xml I have implemented its code and was able to display a DateTime Picker in my admin configuration. However, I ...
fmsthird's user avatar
  • 4,562
2 votes
1 answer
545 views

magento 2 custom calendar instead of core calendar

I want to create jalaali calendar (persian calendar) instead of magento core calendar for admin and front pages . for this purpose I've added these lines to my requirejs-config in my module : '...
Behzad kahvand's user avatar
1 vote
1 answer
549 views

how to change magento 2 date.js form file

I want to change : magento/module-ui/view/base/web/js/form/element/date.js file and set my custom date file , for this purpose I've added this line to my requirejs-config in my module : 'map': { ...
Behzad kahvand's user avatar
3 votes
2 answers
339 views

Disable date not working in magento 1.9 frontend

code: <script type="text/javascript"> // <![CDATA[ Calendar.setup({ inputField : 'shipping_arrival_date', ifFormat : '%m-%d-%Y', showsTime: false, button : 'shipping_arrival_date_trig', ...
Divya Sekar's user avatar
  • 1,441
1 vote
1 answer
2k views

In magento 2 datepicker, how to disable a paritcular dates in frontend?

frontend 1.app/code/companyname/vendorname/view/frontend/web/template/delivery-date-block.html <label class="label">Delivery Date</label> <div class="control"> <input class="...
Divya Sekar's user avatar
  • 1,441
3 votes
1 answer
1k views

Error Enter Valid date at cart price rule and save it db, after adding time in date picker in Magento 2.2.6

<?xml version="1.0" encoding="UTF-8"?> <form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd"> ...
Praveen Negimani's user avatar
3 votes
1 answer
2k views

How to add a date picker recursively in magento2 admin form

How to add a date picker recursively in backend ? System.xml <field id="mapping" translate="label comment tooltip" sortOrder="80" showInDefault="1" showInWebsite="1" showInStore="0"> ...
Divya Sekar's user avatar
  • 1,441
1 vote
1 answer
2k views

Magento 2 UI Form datepicker, default date and strange behaviour

I created a UI Form with a datepicker field. In the XML I set required-entry to false. It keeps returning 'This is a required field'. In the XML the definition is thus: <field name="begin_datum"&...
Jo-Anne's user avatar
  • 43
1 vote
2 answers
2k views

Magento 2 DateTime picker - Limit time selection range

I am using a datetimepicker on my frontend form with below code. I want to limit time selection between range 09:00 to 17:30 <input name="datetime_field" id="datetime_field" readonly title="...
Jaimin Sutariya's user avatar
1 vote
2 answers
4k views

Validate Date range in backend from in magento 2

I have added datepicker in magento2 backend form using following code. protected function _prepareForm() { $fieldset->addField( 'date_started', 'date', [ 'name' ...
Knight017's user avatar
  • 622