如何将 jquery-ui datepicker 本地化选项翻译成咖啡脚本？答案

【问题标题】：How to translate jquery-ui datepicker localization options into coffee script?如何将 jquery-ui datepicker 本地化选项翻译成咖啡脚本？
【发布时间】：2014-04-07 00:10:47
【问题描述】：

我是 javascript 和 coffeescript 的新手。我正在尝试将我的日期选择器初始化为另一种语言。

鉴于documentation中的以下sn-p ...

$(function() {
    $( "#datepicker" ).datepicker( $.datepicker.regional[ "fr" ] );
});

如果我在 Rails 4 应用程序的 .js.coffee 文件中执行以下操作，它似乎不起作用。

jQuery ->
    $('#order_expected_delivery_date').datepicker
        dateFormat: 'yy-mm-dd'
        showAnim: 'slideDown'
        minDate: '+3D'
        maxDate: '+1M +3D'
        $.datepicker.regional[ "zh-CN" ]

非常感谢。

【问题讨论】：

标签： javascript jquery-ui localization coffeescript

【解决方案1】：

如果您查看$.datapicker.regional['zh-CN']，您会看到如下内容：

{
    closeText: ...,
    prevText: ...,
    ...
}

所以$.datepicker.regional 中的值是包含一组用于日期选择器的本地化选项的对象。这意味着您的 datepicker 调用看起来像这样：

$('#order_expected_delivery_date').datepicker
    dateFormat: 'yy-mm-dd'
    showAnim: 'slideDown'
    minDate: '+3D'
    maxDate: '+1M +3D'
    { closeText: '...', prevText: '...', ... }

这被解释为datepicker的两个参数：

$('#order_expected_delivery_date').datepicker({
  dateFormat: 'yy-mm-dd', ...
}, {
  closeText: '...', ...
})

并且本地化选项被忽略。

可能最简单的做法是将本地化选项合并到您的选项中。

    options = $.extend({ }, $.datapicker.regional['zh-CN'], 
        dateFormat: 'yy-mm-dd'
        showAnim: 'slideDown'
        minDate: '+3D'
        maxDate: '+1M +3D'
    )
    $('#order_expected_delivery_date').datepicker options

我使用$.extend，因为您已经在使用 jQuery。我还将标准的本地化选项放在您的选项之前，因为 dateFormat 可能由本地化选项提供，而您想使用自己的选项。

您也可以像示例一样使用option method：

$('#order_expected_delivery_date').datepicker 'option', $.datepicker.regional['zh-CN']

但这可能会覆盖您的dateFormat，因此可能需要小心。

【讨论】：