如何更改日期范围选择器的日期格式？

Posted 2023-02-22

【中文标题】如何更改日期范围选择器的日期格式？

【英文标题】：How to change the date range picker's date format?

【发布时间】：2015-12-24 09:32:54

【问题描述】：

我正在使用这个引导日期范围选择器。我想把日期格式日期改成dd/MMM/yyyy:

<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css" />

<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>

<script type="text/javascript">
$(function() 
    $("#<%= txtName.ClientID %>").daterangepicker();
);
</script>

【参考方案1】：

尝试使用它对我有用

 locale: 
                format: 'YYYY-MM-DD',
                separator: " to "

            ,

【参考方案2】：

如果您想呈现不同的格式，您需要在运行 daterangepicker 函数后添加一个语言环境对象。该网站目前没有它支持的所有格式的列表，但试试这个：

$(function() 
    $("#<%= txtName.ClientID %>").daterangepicker(
        locale: 
            format: 'DD/MMM/YYYY'
        
    );
);

更多选项请参见此处：http://www.daterangepicker.com/#config

【讨论】：

对我来说，大写字母不起作用。相反，format: 'dd/mm/yyyy' 有效。

【参考方案3】：

实际上存在与选择错误日期有关的错误。

Here are the details.

更新到最新版本为我解决了语言环境格式错误。