Stop Google from translating datepicker input field

If we translate form with datepicker using Google translate, the field may show NaN/NaN/NaN instead of selected date after compleeting translation.

The Google have solution for it. We need to add notranslate to the field or its parent element. Google translate never consider content within this classs for translation.

<input type="text" class="datepicker notranslate">

If we are using jQuery & jQuery UI datepicker, we can also add class using jQuery during initialization of datepicker.

$(function() {
    $(".datepicker").datepicker();
    $('.ui-datepicker').addClass('notranslate');
});

Recent Posts

1. Disabling Payment Methods in WooCommerce Based on Conditions
2. How to Update Product Quantity in WooCommerce Using Custom Code
3. Dynamically Generating a Table of Contents in WordPress
4. Direct Checkout in WooCommerce - Add Product to Cart from Checkout Page & Skip Shop, Product, and Cart Pages
5. Understanding the Impact of git reset --hard Command

This article was published on July 11, 2018

Your Questions / Comments

If you found this article interesting, found errors, or just want to discuss about it, please get in touch.