本地化引导日期-时间选择器以支持多种语言，但在选择后返回英文日期时间值？

Question

我正在开发的应用程序支持几种语言的本地化，所以当我在应用程序中初始化日期选择器时，我传递当前语言，如下所示：

datetimepicker({
    locale: languageObj.language,
    format: 'DD MMM YYYY',
    extraFormats: ['YYYY-MM-DD'],
    icons: {
        previous: 'btn-chevron-prev',
        next: 'btn-chevron-next',
    }
});

但是，当我在用户选择日期之后获得这个日期选择器输入的.val()时，该值也将作为转换的日期时间返回。我希望做的是向用户可视化日期时间选择器的翻译版本，但是当我得到日期时间选择器的值时，返回所选日期的英文默认翻译。这个是可能的吗？

Answer 1

TL博士，给我看看密码

工作JSFiddle显示了两种不同的方法。

解释

方法#1

文档描述了选项

返回组件的模型当前日期、矩对象或空(如果未设置)。

在同一页的顶部，有一个关于如何使用这些选项的说明：

注意:所有选项都是通过数据属性访问的，例如$('#datetimepicker').data("DateTimePicker").OPTION()

所以，无论你在哪里使用.val()，比如：

// Localised value, not what you want
var selectedDate = $('#datetimepicker').val(); 

相反，使用date()选项。记住，date()返回一个矩对象，所以不管你想要什么，你可以把它格式化 (如YYYY-MM-DD )

var selectedDate = $('#datetimepicker').data("DateTimePicker").date().format('YYYY-MM-DD');

方法#2

文档描述了事件

当日期改变时被解雇..。 参数： E={ date，//选择器更改为。类型:矩对象(克隆) oldDate //前一个日期。类型:如果出现null }，则矩对象(克隆)或false

因此，每当用户选择日期时，我们都可以使用该事件获取他们选择的日期。

$('#datetimepicker').on('dp.change', function(e) {
    // We can now access e.date and e.oldDate, both moment objects
    var selectedDate = e.date.format('YYYY-MM-DD');

    // ... do something with selectedDate ...
});

您可以在the JSFiddle中看到这两种方法的实际操作和解释性注释。