2017-09-05 15 views
2

プロジェクトをモジュールに切り替える予定です。だから、ほとんどのものは動作していますが、いくつかのコンポーネントにはいくつかの問題があります。主な問題はローカリゼーションファイルのようです。 この例の解決策があれば、私のプロジェクトで他の問題を修正できます。RequireJS + Bootstrap Datepicker + Locale Files

私はここにhttps://bootstrap-datepicker.readthedocs.org/

Requirejsコンフィグからブートストラップ日付ピッカーを使用しています:

require.config({ 
    baseUrl: "Scripts",  
    paths: { 
     ... some more like jquery and jquery-ui... 
     "bootstrap-datepicker": "bootstrap-datepicker", 
     "bootstrap-datepicker-de": "./locales/bootstrap-datepicker.de",  
    } 
    shim: { 
    'bootstrap-datepicker-de': ['bootstrap-datepicker'] 
    } 
}); 

App.ts:

... some more imports like jquery and jquery-ui... 
import "bootstrap-datepicker"; 
import "bootstrap-datepicker-de"; 
... init App ... 

ブートストラップ・datepicker.de.js

; (function ($) { 
    $.fn.datepicker.dates['de'] = { 
     days: ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"], 
     daysShort: ["Son", "Mon", "Die", "Mit", "Don", "Fre", "Sam"], 
     daysMin: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"], 
     months: ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"], 
     monthsShort: ["Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"], 
     today: "Heute", 
     monthsTitle: "Monate", 
     clear: "Löschen", 
     weekStart: 1, 
     format: "dd.mm.yyyy" 
    }; 
}(jQuery)); 

私は私のページをロードすると、私はこのエラーを取得:

bootstrap-datepicker.de.js:7 Uncaught TypeError: Cannot set property 'de' of undefined 
at bootstrap-datepicker.de.js:7 
at bootstrap-datepicker.de.js:19 

答えて

0

我々は同じ問題を持っていたし、私たちのviewmodel

$(document).ready(() => { 
     (function($){ 
      (<any>$.fn.datepicker).dates['de'] = { 
       days: ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"], 
       daysShort: ["Son", "Mon", "Die", "Mit", "Don", "Fre", "Sam"], 
       daysMin: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"], 
       months: ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"], 
       monthsShort: ["Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"], 
       today: "Heute", 
       monthsTitle: "Monate", 
       clear: "Löschen", 
       weekStart: 1, 
       format: "dd.mm.yyyy" 
      }; 
     }($)); 

     $('#date').datepicker({ 
      format: 'dd.mm.yyyy', 
      autoclose: true, 

      language: "de", 

      orientation: 'left bottom' 
     }); 
    }); 
+0

ない素敵なソリューションのコンストラクタにこのコードを移動することによってそれを解決したが、これに思えます唯一の実用的な解決策 –

関連する問題