Javascript Calendar Problem on Chrome and Safari browsers

Author - Kritika Sood

While working in a project, we faced a problem with using a calendar on a webpage. It was working fine for Mozilla Firefox but not for Chrome and Safari.

Initially we had this code:

<input type="text" name="startdate" id="startdate" class="form-control datepicker" placeholder="Financial Year StartDate" required >

This was working fine for Mozilla but not for Safari and Chrome. To solve this issue, we wrote a script for calendar:

<script>
$(function()
{
$( "#startdate" ).datepicker();
});
var textbox = document.getElementById('startdate')
textbox.onfocus = function (event) {
this.value = 'mm-dd-yyyy';
this.focus();
}
</script>

After applying this script , calendar was working fine for all the browsers.

Calendar for Mozilla

Calendar for Chrome

Webner Solutions is a Software Development company focused on developing CRM apps (Salesforce, Zoho), LMS Apps (Moodle/Totara), Websites and Mobile apps. If you need Web development or any other software development assistance please contact us at webdevelopment@webners.com

Webner Solutions is a Software Development company focused on developing Insurance Agency Management Systems, Learning Management Systems and Salesforce apps. Contact us at dev@webners.com for your Insurance, eLearning and Salesforce applications.

Leave a Reply

Your email address will not be published. Required fields are marked *