Как использовать объект Jquery из внешнего файла в HTML?

Question

Я относительно новичок в frond-end.

Мне было интересно, как я могу использовать объект jquery, возвращенный из внешней ссылки.

Например, файл js в этом месте (https://github.com/jquery/jquery-ui/blob/master/ui/i18n/datepicker-en-NZ.js) возвращает объект datepicker.regional ["en-NZ"]; 'как показано ниже

( function( factory ) {
    if ( typeof define === "function" && define.amd ) {

        // AMD. Register as an anonymous module.
        define( [ "../widgets/datepicker" ], factory );
    } else {

        // Browser globals
        factory( jQuery.datepicker );
    }
}( function( datepicker ) {

datepicker.regional[ "en-NZ" ] = {
    closeText: "Done",
    prevText: "Prev",
    nextText: "Next",};
datepicker.setDefaults( datepicker.regional[ "en-NZ" ] );

return datepicker.regional[ "en-NZ" ];

Я импортирую этот js-файл в основной html-файл и вставляю его в тег head.

<script src="path/datepicker-en-NZ.js"></script>

Теперь мне нужно использовать возвращаемый объект, который datepicker.regional ["en-NZ"] . Как я могу использовать этот объект в основном html-файле?

Answer 1

Я нашел демоверсию на веб-сайте jQueryUI, которая дает некоторое представление о том, как использовать их средство выбора даты: http://jqueryui.com/datepicker/#localization

Я считаю, что Javascript в предоставленном исходном коде является важным битом:

  $( "#datepicker" ).datepicker( $.datepicker.regional[ "fr" ] );

Насколько я понимаю, вам нужно создать объект Datepicker и связать его с <input>, используя его идентификатор.

<input type="text" id="datepicker" />

Answer 2

ОК, я нашел новую (для меня) концепцию.

Это называется фабричной функцией.

Определение фабричной функции: Функция, которая возвращает объект.

В моем случае я пытался использовать объект, созданный из фабричной функции, который был datepicker.regional ["en-NZ"] .

Так что ямог вызвать и использовать этот объект в основном html-файле, добавив $. перед именем объекта.

<script>
$(document).ready(function(){
    $('#datepicker').datepicker($.datepicker.regional[ "zh-CN" ] );
});
</script>

И было также важно добавить часть document.ready, если он не выиграл 'не могу начать.

Answer 3

Проверьте пример кода в проекте :

1. Я бы посоветовал вам добавить Bootstrap.js в ваш HTML
2. Вам необходимо добавить элемент управления вводом в ваш HTMLфайл, т.е. id = myDate
3. Свяжите его с помощью datepicker

$ ("#myDate") .datepicker ();