bootstrap datepicker setDate format JJ/mm/AAAA
je dois mettre la date dans mon datepicker en jj/mm/aaaa. Ce que J'essaie de faire avec Javascript, c'est:
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 à l'intérieur de mon lecteur de données est toujours au format mm/JJ/AAAA. Où est le problème??
Ici la définition datepicker et datepicker options:
<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>
10 réponses
Modifier
dateFormat: 'dd/mm/yyyy'
format: 'dd/mm/yyyy'
on dirait que vous avez mal lu certains documents!
Changer format: 'dd/mm/yyyy' n'a pas fonctionné pour moi, et changer cela en dateFormat: 'dd/mm/yyyy' Année ajoutée plusieurs fois, le meilleur pour moi était,
dateFormat: 'dd/mm/yy'
il y a confusion lorsque vous utilisez data picker, pour bootstrap datepicker 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 être conscient de la date picker que vous utilisez, qui est finalement résoudre votre problème, espérons que cela vous aide.
pour moi j'ai le même problème que j'ai résolu comme ceci modifié format: "JJ / mm / AA" de dateFormat: 'dd / mm / yy'
pour moi, c'est daterangepicker travaillé par ceci :
$('#host1field').daterangepicker({
locale: {
format: 'DD/MM/YYYY'
}
});
code HTML:
<p>Date: <input type="text" id="datepicker" class="datepicker"></p>
Javascript:
$( ".datepicker" ).datepicker({
format: 'yyyy-mm-dd'
});
format: "JJ/MM / AAAA" devrait résoudre votre problème. Si vous avez besoin d'aide concernant les formats disponibles, veuillez visiter http://momentjs.com/ qui est utilisé par ce contrôle en interne.
j'ai été confronté à un problème où cette chose de "format" fonctionnait bien sur la machine locale mais quand j'ai déployé l'application sur le serveur, la date n'était pas remplie 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 que j'avais besoin. J'ai corrigé ce problème en utilisant les entrées de globalization dans le web.config.
<system.web>
<globalization
requestEncoding="utf-8"
responseEncoding="utf-8"
culture="en-GB"
uiCulture="en-GB" />
</system.web>
cela a aidé à s'assurer que les environnements locaux et serveurs ont la même culture.
j'ai des problèmes avec jQuery mobile 1.4.5. Par exemple, il semble accepter le changement de format en passant seulement de "l'option". Et il y a un problème de rafraîchissement avec le calendrier en utilisant "option". Pour toutes celles qui ont le même problèmes, je peux vous proposer ce code:
$( "#mydatepicker" ).datepicker( "option", "dateFormat", "dd/mm/yy" );
$( "#mydatepicker" ).datepicker( "setDate", new Date());
$('.ui-datepicker-calendar').hide();
"comme avec les propres plugins de bootstrap, datepicker fournit une api de données qui peut être utilisée pour instancier des lecteurs de données sans avoir besoin de Javascript personnalisé..."
Bootstrap DatePicker Documentation
peut-être voulez-vous définir le format sans instance de cliqueur de données, pour cela, vous devez ajouter la propriété data-date-format="DateFormat" pour principal balise 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>