Problems with dropdown calendar in Safari

Problems with dropdown calendar in Safari

I have been using a jquery work around for a datepicker which until today has been working perfectly. Suddenly, it has stopped functioning, so that the drop down calendar no longer appears. The code that I have used for the date picker is as follows:

  • <script type="text/javascript">
    2.     var datefield=document.createElement("input");
    3.     datefield.setAttribute("type", "date");

    5.     if (datefield.type!="date"){ //if browser doesn't support input type="date", load files for jQuery UI Date Picker
    6.         document.write('<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />\n');
    7.         document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><\/script>\n');
    8.         document.write('<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"><\/script>\n');
    9.     }
    10. </script>
    11.  
    12. <script>
    13. if (datefield.type!="date"){ //if browser doesn't support input type="date", initialize date picker widget:
    14.     jQuery(function($){ //on document.ready
    15.         $('#eventDate').datepicker({
    16. dateFormat: "dd-mm-yy"
    17. })
    18.     })
    19. }
    20. </script>

    In the past, this was always a work around for the lack of  compatibility with the Safari browser. Has something changed?