web-dev-qa-db-fra.com

bootstrap datepicker setDate format jj/mm/aaaa

Je dois définir la date dans mon datepicker au format jj/mm/aaaa. Ce que j'essaie de faire, avec Javascript, c'est ceci:

  var year = 2014;
  var month = 5;
  var day = 10;

  var realDate = new Date(year, month - 1, day); // months are 0-based!

  $('#MainContent_txtDataConsegna').datepicker({ dateFormat: 'dd/mm/yyyy' }); // format to show
  $('#MainContent_txtDataConsegna').datepicker('setDate', realDate);

le problème est que la valeur dans mon datepicker est toujours au format mm/jj/aaaa. Où est le problème??

Voici les options datepicker et datepicker de définition:

   <div class="input-group date">
       <asp:TextBox runat="server" ID="txtDataOrdine" class="form-control" onBlur="CalcolaTotaliTestata('txtDataOrdine')"></asp:TextBox>
       <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i>/span>
    </div>

<script type="text/javascript">
   $('.input-group.date').datepicker({
       todayBtn: "linked",
       language: "it",
       autoclose: true,
       todayHighlight: true,
       dateFormat: 'dd/mm/yyyy' 
   });
</script>
javascriptjquerydatedatepickerbootstrap-datepicker
27
Martina

Changement

dateFormat: 'dd/mm/yyyy'

à

format: 'dd/mm/yyyy'

On dirait que vous venez de mal lire de la documentation!

47
ntzm

un peu de changement de format 

format: "JJ/MM/AAAA"

12
SoumitB

Changer en format: 'dd/mm/yyyy' n'a pas fonctionné pour moi, et changer cela en dateFormat: 'dd/mm/yyyy' a été ajouté plusieurs fois l'année, 

dateFormat: 'dd/mm/yy'
12
Shree Krishna

Il y a confusion lorsque vous utilisez le sélecteur de données. Pour le programme d'amorçage de date, vous devez utiliser le code suivant: -

$( ".datepicker" ).datepicker({
   format: 'yyyy-mm-dd'
});

et pour jquery datepicker, le code suivant doit être utilisé: -

$( ".datepicker" ).datepicker({
       dateFormat: 'dd-mm-yy'
    });

Vous devez donc savoir quel sélecteur de date vous utilisez pour résoudre votre problème. J'espère que cela vous aidera. 

10
Jani Devang

Pour moi, j'ai eu le même problème que j'ai résolu comme ceci Changé le format : 'Jj/mm/aa' À dateFormat : 'jj/mm/aa' 

3
SrikanthGoud Mamindla

pour moi il est daterangepicker travaillé par ceci:

     $('#Host1field').daterangepicker({
                   locale: {
                            format: 'DD/MM/YYYY'
                            }
                 });
3
MH-Li

Vous pouvez utiliser ce code pour bootstrap datepicker:

Code HTML:  

<p>Date: <input type="text" id="datepicker" class="datepicker"></p>

Javascript: 

$( ".datepicker" ).datepicker({
   format: 'yyyy-mm-dd'
});
2
Chandra Kumar

format: "JJ/MM/AAAA" devrait résoudre votre problème. Si vous avez besoin d’aide supplémentaire concernant les formats disponibles, visitez le site http://momentjs.com/ qui est utilisé par ce contrôle en interne.

J'étais confronté à un problème où ce "format" fonctionnait correctement sur une machine locale, mais lorsque j'ai déployé l'application sur le serveur, la date n'était pas renseignée et le contrôle était vide. quand j'ai commenté le code de format, il a commencé à fonctionner mais je n'avais pas le format dont j'avais besoin. J'ai résolu ce problème en utilisant des entrées de globalisation dans web.config.

<system.web>
    <globalization
    requestEncoding="utf-8"
    responseEncoding="utf-8"
    culture="en-GB"
    uiCulture="en-GB" />    
</system.web>

Cela a permis de s'assurer que les environnements local et serveur ont la même culture.

1
Sachin T Sawant

J'ai quelques problèmes avec jquery mobile 1.4.5. Par exemple, il semble accepter de changer de format uniquement en passant de "option". Et il y a quelques problèmes d'actualisation avec le calendrier en utilisant "option". Pour tous ceux qui ont les mêmes problèmes, je peux suggérer ce code:

$( "#mydatepicker" ).datepicker( "option", "dateFormat", "dd/mm/yy" );
$( "#mydatepicker" ).datepicker( "setDate", new Date());    
$('.ui-datepicker-calendar').hide();
1
Alessandro Battistini

"Comme pour les plugins de bootstrap, datepicker fournit une API de données qui peut être utilisée pour instancier des sélecteurs de date sans avoir besoin de javascript personnalisé ..."

Documentation Boostrap DatePicker

Peut-être souhaitez-vous définir un format sans instance de DatePicker; pour cela, vous devez ajouter la propriété data-date-format="DateFormat" à la balise principale Div, par exemple:

<div class="input-group date" data-provide="datepicker" data-date-format="yyyy-mm-dd">
    <div class="input-group-addon">
        <span class="glyphicon glyphicon-th"></span>
    </div>

    <input type="text" name="YourName" id="YourId" class="YourClass">
</div>
0
LuisEduardox