Sarathlal N

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');
});

Looking for a skilled WordPress/WooCommerce developer? I'm currently available for freelance, contract, or full-time remote opportunities! Let's create something amazing together. Send me a quick message, and I'll respond within 24 hours!

Recent Posts

  1. Automating Code Linting with GitHub Actions for WordPress Plugins
  2. Comprehensive Guide to Linting PHP, JavaScript, and CSS in WordPress Plugins Using Composer
  3. The Ultimate Guide to Indexing in Database Design
  4. Understanding 'update_meta_cache' in WordPress - When to Use It, When Not to, and Its Impact on Database Queries
  5. A Guide to Configuring JavaScript and SCSS Paths in WordPress Plugins with @wordpress/scripts

This article was published on

Your Questions / Comments

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