Antes de escribir esta pregunta, leí ¿Podemos llamar a la función escrita en un JavaScript en otro archivo JS? y llamando a una función de JavaScript en otro archivo js pero aún no puedo solucionar mi problema.
Recibo el mensaje de error - Error de referencia no capturado: getLocaleDateString no está definido.
El archivo que contiene la función se carga antes que el archivo que necesita la función.
Cuando copio el contenido de getLocaleDataString.js en sys.datepicker.js, todo funciona bien, pero el código comienza a verse desordenado y es difícil de navegar.
reigster4.html
<body> <script src='{% static "getLocaleDateString.js" %}'></script> <script src='{% static "sys.datepicker.js" %}'></script> </body>getLocaleDataString.js
(function ($) { function getLocaleDateString() { const formats = { "af-ZA": "yyyy/MM/dd", "zu-ZA": "yyyy/MM/dd", }; return formats[navigator.language] || "dd/MM/yyyy"; } //end of getLocaleDateString })sys.datepicker.js
function formatDate(year, month, day) { let str = (navigator.language, getLocaleDateString()); return(str) }Actualización - getLocaleDataString.js
Cambié el código a este
function getLocaleDateString() { const formats = { "af-ZA": "yyyy/MM/dd", "zu-ZA": "yyyy/MM/dd", }; return formats[navigator.language] || "dd/MM/yyyy"; } //end of getLocaleDateStringSimplemente comentar el código rojo no funcionó. Tuve que borrarlo físicamente.
Ahora todo funciona correctamente.