web-dev-qa-db-fra.com

Comment changer le format de date du sélecteur de plage de dates?

J'utilise ce bootstrap sélecteur de plage de dates. Je veux changer la date du format de date en 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>
15
ayman

Si vous souhaitez présenter un format différent, vous devez ajouter un objet de locale après avoir exécuté la fonction daterangepicker. Le site ne dispose pas actuellement d'une liste de tous les formats qu'il prend en charge, mais essayez ceci:

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

Voir ici pour plus d'options: http://www.daterangepicker.com/#config

37
Reisclef

Il y avait en fait un bug lié aux mauvaises dates sélectionnées.

Voici les détails .

La mise à jour vers la dernière version a résolu le bug de formatage local pour moi.

4
Big Tree