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

aym*_*man 16 javascript asp.net jquery twitter-bootstrap

我正在使用这个bootstrap日期范围选择器.我想将日期格式日期更改为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>
Run Code Online (Sandbox Code Playgroud)

Rei*_*lef 41

如果要呈现不同的格式,则需要在运行daterangepicker函数后添加语言环境对象.该网站目前没有其支持的所有格式的列表,但请尝试以下方法:

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

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


小智 10

尝试使用这个它对我有用

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

            },
Run Code Online (Sandbox Code Playgroud)