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

How to change the date range picker's date format?

本文关键字：日期 格式 选择器 范围 何更改      更新时间：2023-09-26

我正在使用这个引导日期范围选择器。我想将日期格式更改为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>

如果希望呈现不同的格式，则需要在运行daterangepicker函数之后添加一个locale对象。该网站目前没有它支持的所有格式的列表，但是试试这个:

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

查看更多选项:http://www.daterangepicker.com/#config

尝试使用这个，它为我工作

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

实际上有一个错误与选择错误的日期有关。

详情如下。

更新到最新版本为我解决了区域设置格式错误。

相关文章：