Polyfiller not working in Mozilla Firefox?

Question

I followed the Webshim demo and pasted the date field in html instead datetimepickerbecause of a browser compatibility issue.

The Mozilla Firefox browser PolyFillerworks fine when the page loads main.gsp, and the input date works fine. But the problem arises when I route (using angular) to another html page and return to callRecorded.html, then I find only the input field is disabled, the date is PloyFillernot specified. I do not understand why this demonstrates this behavior.

For the client side, I use angularJSand use $routeProviderto route html pages in my application, perhaps this is causing the problem. The following code describes how to use it Pollyfillerin my application: -

Main.gsp (Groovy server page)

<asset:javascript src="jquery-2.1.1.min.js"/>
<asset:javascript src="plugins/js-webshim/minified/polyfiller.js"/>

callRecorded.html

<label>Start Date</label>
<input type="date"  data-date-format="mm/dd/yyyy"/>

App.js

when('/callsRecorded/:callStatus', {
    templateUrl: 'pages/evr/callsRecorded.html'
})

Any help would be appreciated.