jquery UIでangularJSを使用して日付ピッカーで地域オプションを設定する方法は?

シヴァゴールドA。

日付ピッカーでスペイン語の週と月を設定する必要があります。以下のコードのように試しましたが、日付ピッカーでこれらの地域オプションを取得できませんでした。これでは、動的コンポーネントフィールドを使用しています。開始フィールドで今日の日付が表示されると、次のフィールドは最初のフィールドで選択された日付に基づいて表示されます。したがって、この動的な日付の日付ではピッカー。この関数は正常に機能しますが、動的言語で必要です。例:

app.directive('myDirective', function(){
    return {
        restrict: 'A',
        require: 'ngModel',
        scope: {
            agdate:'@',
            seldate:'@',
        },
        link: function(scope, element, attrs, ngModelCtrl){
            element.on("mouseenter" ,function(){
              var displayingDays =parseInt(scope.agdate);
              if(scope.seldate){
              var selected = scope.seldate;
              }else{
                 var selected =-0;
              }
              var regionalOptions = {
                      "regional": [{
                          "es": {
                              closeText: "Cerrar",
                              prevText: "<Ant",
                              nextText: "Sig>",
                              currentText: "Hoy",
                              monthNames: ["enero", "febrero", "marzo", "abril", "mayo", "junio",
                                  "julio", "agosto", "septiembre", "octubre", "noviembre", "diciembre"
                              ],
                              monthNamesShort: ["ene", "feb", "mar", "abr", "may", "jun",
                                  "jul", "ago", "sep", "oct", "nov", "dic"
                              ],
                              dayNames: ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"],
                              dayNamesShort: ["dom", "lun", "mar", "mié", "jue", "vie", "sáb"],
                              dayNamesMin: ["D", "L", "M", "M", "J", "V", "S"],
                              weekHeader: "Sm",
                              dateFormat: "dd/mm/yy",
                              firstDay: 1,
                              isRTL: false,
                              showMonthAfterYear: false,
                              yearSuffix: ""
                          }
                      }]
                  };
              attrs.minDate = selected;
              attrs.maxDate =  displayingDays;
                element.datepicker({
                    dateFormat: "dd/mm/yy",
                    //showOn: 'both',
                    minDate: selected,
                    buttonImage: "calendar.gif",
                   // buttonImageOnly: true,
                    //buttonText:'Choose a Date',


                    beforeShow: function(element, datepicker){
                        if(attrs.minDate){
                            angular.element(element).datepicker("option", "minDate", attrs.minDate);
                        }
                        if(attrs.maxDate){
                            angular.element(element).datepicker("option", "maxDate", attrs.maxDate);
                        }
                    },
                    onSelect:function(date){
                        scope.$apply(function(){
                            ngModelCtrl.$setViewValue(date);
                        });
                    }
                });
            });
        }
    }
});

Angularjsが必要です。

シヴァゴールドA。

地域のオプションは直接適用されます。

app.directive('myDirective', function(){
    return {
        restrict: 'A',
        require: 'ngModel',
        scope: {
            agdate:'@',
            seldate:'@',
        },
        link: function(scope, element, attrs, ngModelCtrl){
            element.on("mouseenter" ,function(){
              var displayingDays =parseInt(scope.agdate);
              if(scope.seldate){
              var selected = scope.seldate;
              }else{
                 var selected =-0;
              }
              attrs.minDate = selected;
              attrs.maxDate =  displayingDays;
                element.datepicker({
                    dateFormat: "dd/mm/yy",
                    minDate: selected,
                    buttonImage: "calendar.gif",
                    closeText: "Cerrar",
                    prevText: "<Ant",
                    nextText: "Sig>",
                    currentText: "Hoy",
                    monthNames: ["enero", "febrero", "marzo", "abril", "mayo", "junio",
                        "julio", "agosto", "septiembre", "octubre", "noviembre", "diciembre"
                    ],
                    monthNamesShort: ["ene", "feb", "mar", "abr", "may", "jun",
                        "jul", "ago", "sep", "oct", "nov", "dic"
                    ],
                    dayNames: ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"],
                    dayNamesShort: ["dom", "lun", "mar", "mié", "jue", "vie", "sáb"],
                    dayNamesMin: ["D", "L", "M", "M", "J", "V", "S"],
                    weekHeader: "Sm",
                    firstDay: 1,
                    isRTL: false,
                    showMonthAfterYear: false,
                    yearSuffix: "",
                    beforeShow: function(element, datepicker){
                        if(attrs.maxDate){
                            angular.element(element).datepicker("option", "maxDate", attrs.maxDate);
                        }
                    },
                    onSelect:function(date){
                        scope.$apply(function(){
                            ngModelCtrl.$setViewValue(date);
                        });
                    }
                });
            });
        }
    }
});

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Jqueryを使用して日付ピッカーで現在の日をアクティブに設定する

分類Dev

jQueryを使用してオンロードでチェックされるラジオオプションを設定する方法

分類Dev

空の関数と追加関数を使用してjQueryで選択オプションを設定する方法

分類Dev

Jquery UIなしで日付ピッカーを使用することは可能ですか?

分類Dev

jqueryで日付ピッカーに初期値を設定しますか?

分類Dev

jquery / javascriptを使用してオプション値を動的に設定する方法

分類Dev

jquery-ui:selectmenu項目(オプション)でクラス名を設定する方法は?

分類Dev

伝票日付に基づいて会計年度の日付ピッカー範囲を設定するにはどうすればよいですか?これを行うためにJQUERYを使用しています

分類Dev

jQueryを使用して選択ボックスに最初のオプションを設定するにはどうすればよいですか?

分類Dev

JQuery Datepicker / Datetimepicker-選択したオプションに従ってJavaでMaxDateを設定する方法

分類Dev

Jqueryを使用してアイコンクリック時にのみ日付ピッカーを表示するにはどうすればよいですか?

分類Dev

Jqueryを使用して選択オプションを設定する

分類Dev

jqueryで日付ピッカーを操作して、今日表示する

分類Dev

jQueryを使用してオプション要素にコンテンツを設定する方法

分類Dev

Bootstrap scrollspy-JqueryまたはJavaScriptを使用して各セクションへのオフセットとスムーズな移行を設定する方法は?

分類Dev

jQuery UIの日付ピッカーから日付を取得する方法

分類Dev

PHPを使用したデータベースの結果に基づいて、jQuery日付ピッカーで特定の曜日を無効にする方法

分類Dev

JQueryを使用して動的グラデーションカラーを設定するにはどうすればよいですか?

分類Dev

jqueryを使用してselectオプションで階層をループする

分類Dev

jQueryカレンダーウィジェットの地域設定を適切に設定するにはどうすればよいですか?

分類Dev

日時をJquery日時ピッカーに設定します

分類Dev

JQuery3.3.1とBootstrap3.3.7で日付ピッカーを設定するにはどうすればよいですか?

分類Dev

JQueryロケーションピッカー、開始点からの最大許容距離を設定する方法

分類Dev

jQuery UIオプションで$(this)を使用する

分類Dev

jqueryを使用して選択オプション値を設定し、検索ライブラリを選択する方法は?

分類Dev

このjqueryコードをリファクタリングして、チェックされたオプションをカウントし、同じコードを繰り返さずにそれに応じてメッセージを設定する方法

分類Dev

セレンPythonのjquery日時ピッカーで日付を選択する方法

分類Dev

jQuery UIの日付ピッカーで日付とともに追加のテキストを表示する

分類Dev

jqueryパレットカラーピッカープラグインで初期色を設定します

Related 関連記事

  1. 1

    Jqueryを使用して日付ピッカーで現在の日をアクティブに設定する

  2. 2

    jQueryを使用してオンロードでチェックされるラジオオプションを設定する方法

  3. 3

    空の関数と追加関数を使用してjQueryで選択オプションを設定する方法

  4. 4

    Jquery UIなしで日付ピッカーを使用することは可能ですか?

  5. 5

    jqueryで日付ピッカーに初期値を設定しますか?

  6. 6

    jquery / javascriptを使用してオプション値を動的に設定する方法

  7. 7

    jquery-ui:selectmenu項目(オプション)でクラス名を設定する方法は?

  8. 8

    伝票日付に基づいて会計年度の日付ピッカー範囲を設定するにはどうすればよいですか?これを行うためにJQUERYを使用しています

  9. 9

    jQueryを使用して選択ボックスに最初のオプションを設定するにはどうすればよいですか?

  10. 10

    JQuery Datepicker / Datetimepicker-選択したオプションに従ってJavaでMaxDateを設定する方法

  11. 11

    Jqueryを使用してアイコンクリック時にのみ日付ピッカーを表示するにはどうすればよいですか?

  12. 12

    Jqueryを使用して選択オプションを設定する

  13. 13

    jqueryで日付ピッカーを操作して、今日表示する

  14. 14

    jQueryを使用してオプション要素にコンテンツを設定する方法

  15. 15

    Bootstrap scrollspy-JqueryまたはJavaScriptを使用して各セクションへのオフセットとスムーズな移行を設定する方法は?

  16. 16

    jQuery UIの日付ピッカーから日付を取得する方法

  17. 17

    PHPを使用したデータベースの結果に基づいて、jQuery日付ピッカーで特定の曜日を無効にする方法

  18. 18

    JQueryを使用して動的グラデーションカラーを設定するにはどうすればよいですか?

  19. 19

    jqueryを使用してselectオプションで階層をループする

  20. 20

    jQueryカレンダーウィジェットの地域設定を適切に設定するにはどうすればよいですか?

  21. 21

    日時をJquery日時ピッカーに設定します

  22. 22

    JQuery3.3.1とBootstrap3.3.7で日付ピッカーを設定するにはどうすればよいですか?

  23. 23

    JQueryロケーションピッカー、開始点からの最大許容距離を設定する方法

  24. 24

    jQuery UIオプションで$(this)を使用する

  25. 25

    jqueryを使用して選択オプション値を設定し、検索ライブラリを選択する方法は?

  26. 26

    このjqueryコードをリファクタリングして、チェックされたオプションをカウントし、同じコードを繰り返さずにそれに応じてメッセージを設定する方法

  27. 27

    セレンPythonのjquery日時ピッカーで日付を選択する方法

  28. 28

    jQuery UIの日付ピッカーで日付とともに追加のテキストを表示する

  29. 29

    jqueryパレットカラーピッカープラグインで初期色を設定します

ホットタグ

アーカイブ