Magento 2 Add DatePicker-Calender input field in custom form.

Magento 2, You can add Datepicker or calendar in any custom form text field using simple coding. “mage/calendar” widget used for Date picker and DateTime picker in an input field.

Check for Date Range field in Magento 2.

Magento uses calendar.js for add date picker field in the custom form.
You can show the js file at the root of Magento instance /lib/web/mage/calendar.js Continue reading “Magento 2 Add DatePicker-Calender input field in custom form.”

Magento 2: Override addtocart.phtml file.

Add to cart button in product page coming from Catalog module with product/view/addtocart.phtml template file.
If you want to customization on addtocart template file in Magento 2, You can override addtocart.phtml file in your module by below way,

Create the catalog_product_view.xml file in your module,
Path: app/code/{VendorName}/{PackageName}/view/frontend/layout/catalog_product_view.xml Continue reading “Magento 2: Override addtocart.phtml file.”

How to add Datepicker for Custom option Date field in Magento 2?

In Magento 2 you can add Datepicker for a custom option Date Field in Product detail page using enable Javascript Calander. Native Magento doesn’t display Date picker for Date Custom Option field. They just show as a Dropdown option for Day, Month and Year.

You have to enable Javascript Calander from System Configuration.

Continue reading “How to add Datepicker for Custom option Date field in Magento 2?”