Javascript Calendar Problem on Chrome and Safari browsers

| By Webner

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:

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

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

Leave a Reply

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