Jquery datepicker按钮随本地化而消失

时间:2011-07-29 19:55:55

标签: jquery localization datepicker

我正在使用Jquery datepicker和Spanish&法语。它的工作原理是,当我切换到法语或西班牙语时,日期字段旁边的按钮会消失,当我切换到英语时它会返回。这是我的代码:

$(function () {
    var loclanguage = $("#ddlLanguages").val().substr(0, 2);
    $.datepicker.setDefaults($.datepicker.regional['']);
    if (loclanguage == 'es') {
        $(".datepicker").datepicker($.datepicker.regional['es']);
    } else if (loclanguage == 'fr') {
        $(".datepicker").datepicker($.datepicker.regional['fr']);
    } else {
        $.datepicker.setDefaults($.datepicker.regional['']);
    }
    $("#ddlLanguages").change(function () {
        $(".datepicker").datepicker("option", $.datepicker.regional[$(this).val()]);
    });
});

$(".datepicker").datepicker({
    showOn: "button",
    showAnim: '',
    buttonImage: "../images/bouton-calendrier.png",
    buttonImageOnly: true,
    dateFormat: 'yy-mm-dd'
});

在IE 8,FF 3.6,Chrome 12.0中的行为相同

由于

1 个答案:

答案 0 :(得分:3)

经过多次尝试,我才开始工作。诀窍是在设置区域之前为所有日期选择器设置我的datepicker选项:

$(function () {

   *$.datepicker.setDefaults({
     showOn: 'both',
     buttonImageOnly: true,
     buttonImage: '../images/bouton-calendrier.png',
     dateFormat: 'yy-mm-dd'
   });*

  var loclanguage = $("#ddlLanguages").val().substr(0, 2);
  $.datepicker.setDefaults($.datepicker.regional['']);
  if (loclanguage == 'es') {
     $(".datepicker").datepicker($.datepicker.regional['es']);
  } else if (loclanguage == 'fr') {
     $(".datepicker").datepicker($.datepicker.regional['fr']);
    } else {
     $.datepicker.setDefaults($.datepicker.regional['']);}

 $("#ddlLanguages").change(function () {
    $(".datepicker").datepicker("option", $.datepicker.regional[$(this).val()]);
 });
});

然后我只是将datepicker与我的班级相关联

 $(".datepicker").datepicker();

它有效!谢谢。