jquery-plugins - Aurelia で Office UI Fabric の datepicker を使用する際の問題

Question

Aurelia アプリでOffice UI Fabric の datepickerを使用しようとしています。提供された例に基づいて、これまでに行ったこと:

1. datepicker の周りにカスタム要素を作成しました:

   • msfabric-date-picker.html:

     <template>
       <div class="ms-DatePicker">
       ...
       </div>
     </template>
     

   • msfabric-date-picker.ts:

     export class MsfabricDatePickerCustomElement {
         static inject = [Element];
     
         constructor(public element: Element) {
         }
     
         attached() {
             var self = this;
             if ($.fn.DatePicker) {
                 $(self.element).DatePicker();
             }
         }
     }
     

2. datepicker カスタム要素の使用:

   <require from="./msfabric-date-picker"></require>
   ....
   <msfabric-date-picker if.bind="isDate"></msfabric-date-picker>
   

3. レイアウト HTML ページに Office-Fabric 日付ピッカー ライブラリを追加しました。

   <script src="~/Scripts/office-ui-fabric/Jquery.DatePicker.js"></script>
   

   そして、ここに問題があります。私の知る限り、このファブリック コンポーネントはpickadate.jsに依存しており、 jquery プラグインのロード中にrequire.jsエラーが発生します。ここで提供されているように、コードをコードペンのコードに置き換えようとしましたが、成功しませんでした。ファブリック スクリプトを追加する前に、スクリプト、および を直接追加しようとしましたが、やはり成功しませんでした。すべての場合において、同じエラーが発生します。Uncaught Error: Mismatched anonymous define() modulepickadate.jsJquery.DatePicker.jspickadate.jspicker.jspicker.date.js

問題pickadate.jsは、モジュールがどのようにロードされているかだと思います。これを解決するにはあなたの助けが必要です。