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
1 vote
2 answers
61 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 ...
0 votes
2 answers
67 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....
0 votes
0 answers
124 views

Knockout DateTime Picker - how to set custom Default Date

I have added a date-time picker in my custom form using the below code in HTML file. <label class="label">Delivery <div class="control"> <input ...
0 votes
1 answer
233 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.
0 votes
2 answers
185 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 ...
  • 5,691
0 votes
3 answers
239 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
1 vote
0 answers
66 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 ...
0 votes
0 answers
100 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 (...
  • 27
0 votes
0 answers
29 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/...
0 votes
1 answer
174 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)...
  • 68
0 votes
3 answers
813 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 ...
  • 31
3 votes
1 answer
229 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' =>...
1 vote
0 answers
223 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 ...
0 votes
1 answer
474 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, ...
  • 2,038
1 vote
1 answer
315 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 ...
0 votes
1 answer
761 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="" ...
4 votes
0 answers
492 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 ...
  • 79
2 votes
1 answer
953 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, ...
  • 35
1 vote
1 answer
240 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 ...
0 votes
1 answer
224 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 ...
0 votes
1 answer
325 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 ...
1 vote
0 answers
66 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 ...
0 votes
1 answer
120 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 ...
  • 107
0 votes
2 answers
3k 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
  • 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 ...
0 votes
0 answers
237 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\...
  • 720
0 votes
0 answers
82 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()->...
  • 720
3 votes
2 answers
1k 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....
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 .
0 votes
1 answer
61 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, ...
  • 1,124
0 votes
1 answer
55 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 ...
  • 1,124
4 votes
2 answers
2k 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 ...
  • 1,124
0 votes
0 answers
361 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 ...
  • 809
0 votes
0 answers
273 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="...
  • 809
1 vote
1 answer
698 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 ( !...
  • 809
3 votes
3 answers
2k 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 ...
  • 4,502
2 votes
1 answer
461 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 : '...
1 vote
1 answer
434 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': { ...
3 votes
2 answers
321 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', ...
  • 1,389
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="...
  • 1,389
3 votes
1 answer
955 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"> ...
3 votes
1 answer
1k 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"> ...
  • 1,389
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"&...
  • 43
1 vote
2 answers
1k 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="...
1 vote
1 answer
3k 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' ...
  • 576
0 votes
2 answers
1k views

How to implement Single Date and Time Picker in Magento 2

Reference to Magento documentation, I want to implement "Single Date and Time Picker" mentioned in Devdocs.
  • 32
1 vote
1 answer
223 views

Magento 1 datepicker issue selecting date for current month

This is my js code for my datepicker: Calendar.setup({ inputField : 'scheduled_ajax_update', ifFormat : '%d-%m-%Y', button : 'scheduled_ajax_update_trig', align : '...
  • 3,625
0 votes
1 answer
926 views

Magento 2.1 How to change member birthday date format

By default the date format is mm/dd/yyyy when new member register. How can I change the date format of birthday field to dd/mm/yyyy? I have tried to change locale to EN_UK, EN Canada, and also ...
0 votes
1 answer
154 views

How to show time chooser in datepicker on magento configuration

I am trying to display time chooser in magento date picker but it didn't how up. can anyone please guide on this how to set timer in magento system confif. I have followed This Link but it show only ...
0 votes
0 answers
499 views

Can't get datepicker value from custom checkout page

Im following this link to get datepicker value on my custom checkout page. Here is my code below. Test/Show/etc/events.xml <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:...