如何将kendo datepicker中显示的日期的日期格式设置为与系统相同的格式？

Question

我在我的网络应用程序中使用kendo datePicker。

默认情况下，其中显示的日期格式为MM/DD/YYYY。

我想获取操作系统或浏览器使用的日期格式，并将其应用于kendo datePicker。

javascript 中是否有可以提供此功能的方法或功能？

Answer 1

由于你没有给我任何代码，你可以试试这个：

    td = new Date();
    var dd = today.getDate();
    var mm = today.getMonth()+1; //January is 0!
    var yyyy = today.getFullYear();

    if(dd<10) {
        dd='0'+dd
    } 

    if(mm<10) {
        mm='0'+mm
    } 

    td = dd+'/'+mm+'/'+yyyy;
   $(document).ready(function() {
                    var today = td,
                        birthdays = [
                           new Date(today.getFullYear(), today.getMonth(), 11),
                           new Date(today.getFullYear(), today.getMonth() + 1, 6),
                           new Date(today.getFullYear(), today.getMonth() + 1, 27),
                           new Date(today.getFullYear(), today.getMonth() - 1, 3),
                           new Date(today.getFullYear(), today.getMonth() - 2, 22)
                        ];

                    $("#datepicker").kendoDatePicker({
                        value: today,
                        dates: birthdays,
                         ....});

DatePicker代码改编自here

编辑：我已经注意到您已经询问了系统日期。  我搜索了一下，发现了这种方法Date.prototype.toLocaleDateString()

根据this，您可以获得格式：

e.g。对我来说，2011年12月13日：

1. Safari返回2001年12月13日
2. Firefox 12/13/2011
3. Opera 2011年12月13日星期二
4. Chrome 2011年12月13日星期二
5. IE 6 2011年12月13日星期二

然而，我没有对它进行测试，所以如果我错了，请提供证据

希望它可以帮到你

Answer 2

您应该使用当前文化来确定格式，使用Kendo Globalization。

确定当前的文化：

@{
    var culture = Thread.CurrentThread.CurrentCulture.Name;
}

添加Kendo文化脚本：

<script src="jquery.js"></script>
<script src="kendo.all.min.js"></script>
<script src="@Url.Content("~/Scripts/kendo/kendo.culture." + culture + ".min.js")"></script>  

然后将当前文化应用于所有小部件：

<script type="text/javascript">
    kendo.culture("@culture");
</script>

...或者，基于每个小部件的硬编码。

$("#firstDate").kendoDatePicker({
    culture: "en-GB",
    //....
});

取决于当前文化的小部件列表

• 日历
• 的DatePicker
• TimePicker
• 的DateTimePicker
• NumericTextBox
• MaskedTextBox（全球化蒙版文字）
• 计划
• 甘特
• 支持日期或数字格式的所有小部件。

<强> globalize.js：

请注意，在Kendo UI脚本之前注册globalize.js时，Kendo UI将使用globalize.js功能而不是Kendo UI Globalization。