如何通过使用jquery单击选项来更改日历语言。

时间:2016-12-06 09:25:58

标签: jquery jquery-ui

问候我正在使用jquery-ui datepicker,我已经阅读了解决方案的数量,这让我对它的工作方式有了一些了解,但我在这里遇到了一些问题,我有这个选择标记:

<select id="LanguageDropDownList" name="lang">
    <option value="en-GB" selected="selected" style="text-align: center">English (en-GB)</option>
    <option value="fa" style="text-align: center">فارسی</option>
    <option value="ar" style="text-align: center">العربی</option>
</select>

每当选择一个选项时,都会调用此jquery函数:

    $('#LanguageDropDownList').change(function() {

        var langSelected = $('#LanguageDropDownList option:selected').val();

        switch (langSelected) {
            case 'en-GB':
                $.datepicker.setDefaults($.datepicker.regional['en-GB']);
                break;
            case 'fa':
                $.datepicker.setDefaults($.datepicker.regional['fa']);
                break;
            case 'ar':
                $.datepicker.setDefaults($.datepicker.regional['ar']);
                break;
        }
    });

并且我已经包含了here的语言脚本包并且它可以工作,但是当我调用我创建的jquery函数时问题就开始了,当我选择一个选项时,datepicker不会立即改变。但是当我写作例如:

$.datepicker.setDefaults($.datepicker.regional['ar']);

从那个switch语句开始工作..我可以在我的交换机案例中写Setdefaults吗?或者我是否必须使用其他东西来改变日期选择器格式?

1 个答案:

答案 0 :(得分:0)

设置默认值后尝试初始化datepicker元素。 例如;

$.datepicker.setDefaults($.datepicker.regional['fa']);
$( "#your_element_ID" ).datepicker({});