如何更改日期范围选择器的日期格式？ [英] How to change the date range picker's date format?

问题描述

我用这引导日期范围选择器。我想改变日期格式日期日/月/年：

 ＆LT;脚本类型=文/ JavaScript的SRC =// cdn.jsdelivr.net/jquery/1/jquery.min.js\"></script>
＆LT;脚本类型=文/ JavaScript的SRC =// cdn.jsdelivr.net/momentjs/latest/moment.min.js\"></script>
＆LT;链接rel =stylesheet属性类型=文/ CSS的href =// cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css/＆GT;＆LT;！ - 加入日期范围选择器 - ＆GT;
＆LT;脚本类型=文/ JavaScript的SRC =// cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js\"></script>＆LT;脚本类型=文/ JavaScript的＆GT;
$（函数（）{
    $（＃＆下;％= txtName.ClientID％gt;中）。daterangepicker（）;
}）;
＆LT; / SCRIPT＆GT;
 

解决方案

您需要在运行daterangepicker功能后添加一个Locale对象。我还不能找到什么格式它支持的文件，但试试这个：

  $（函数（）{
    $（＃＆下;％= txtName.ClientID％gt;中）。daterangepicker（{
        现场：{
            格式：'DD / MMM / YYYY
        }
    }）;
}）;
 

在这里看到更多的选项： http://www.daterangepicker.com/#config

I am using this bootstrap date range picker. I want to change date format date to 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>

解决方案

You need to add a locale object after you run the daterangepicker function. I can't yet find documentation on what formats it supports, but try this:

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

See here for more options: http://www.daterangepicker.com/#config

这篇关于如何更改日期范围选择器的日期格式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！