2022 Developer Survey is open! Take survey.

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

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 ...
user avatar
0 votes
1 answer
97 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.
user avatar
0 votes
2 answers
86 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 ...
user avatar
  • 5,586
0 votes
3 answers
128 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
user avatar
0 votes
0 answers
97 views

Magento 2: Month Range In Date Picker

I'm made custom report, I added date-picker, I just want to add Month Range, like User can only able to generate any three months report. but I can't figure out how to do that. Here's my code: HTML &...
user avatar
1 vote
0 answers
22 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 ...
user avatar
0 votes
0 answers
15 views

Datepicker : localisation : French

On my Magento Commerce 2.3.7, I have a dob field in the checkout form generated by the customer address attributes. I have an issue setting the datepicker to French (Months, days, etc...) My instance ...
user avatar
  • 21
0 votes
0 answers
36 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 (...
user avatar
  • 27
0 votes
0 answers
24 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/...
user avatar
0 votes
1 answer
78 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)...
user avatar
  • 48
0 votes
3 answers
726 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 ...
user avatar
  • 31
3 votes
1 answer
179 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' =>...
user avatar
1 vote
0 answers
186 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 ...
user avatar
0 votes
1 answer
457 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, ...
user avatar
  • 2,038
1 vote
1 answer
273 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 ...
user avatar
0 votes
1 answer
568 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="" ...
user avatar
4 votes
0 answers
446 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 ...
user avatar
  • 167
2 votes
1 answer
864 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, ...
user avatar
  • 35
1 vote
1 answer
210 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 ...
user avatar
0 votes
1 answer
179 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 ...
user avatar
0 votes
1 answer
269 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 ...
user avatar
1 vote
0 answers
58 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 ...
user avatar
0 votes
1 answer
115 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 ...
user avatar
  • 95
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
user avatar
  • 700
1 vote
0 answers
1k 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 ...
user avatar
0 votes
0 answers
214 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\...
user avatar
  • 700
0 votes
0 answers
81 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()->...
user avatar
  • 700
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....
user avatar
0 votes
2 answers
1k 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 .
user avatar
0 votes
1 answer
49 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, ...
user avatar
  • 1,124
0 votes
1 answer
47 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 ...
user avatar
  • 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 ...
user avatar
  • 1,124
0 votes
0 answers
349 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 ...
user avatar
  • 799
0 votes
0 answers
247 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="...
user avatar
  • 799
1 vote
1 answer
659 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 ( !...
user avatar
  • 799
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 ...
user avatar
  • 4,463
2 votes
1 answer
440 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 : '...
user avatar
1 vote
1 answer
391 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': { ...
user avatar
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', ...
user avatar
  • 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="...
user avatar
  • 1,389
3 votes
1 answer
834 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"> ...
user avatar
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"> ...
user avatar
  • 1,389
1 vote
1 answer
1k 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"&...
user avatar
  • 43
0 votes
1 answer
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="...
user avatar
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' ...
user avatar
  • 574
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.
user avatar
  • 32
1 vote
1 answer
216 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 : '...
user avatar
  • 3,535
0 votes
1 answer
915 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 ...
user avatar
0 votes
1 answer
134 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 ...
user avatar
0 votes
0 answers
455 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:...
user avatar