2017-08-28 1 views
2

Je veux commencer mon datetimepicker deux semaines à venir .... voici mon codebootstrap 3 datetimepicker date de début 2 semaines à venir

<div class="container"> 
    <div class="row"> 
     <div class='col-sm-3'> 
      <input type='text' class="form-control" id='datetimepicker4' /> 
     </div> 
    </div> 
</div> 

<script type="text/javascript"> 
    $(function() { 
     $('#datetimepicker4').datetimepicker(); 
    }); 
</script> 
+1

Il existe quelques bibliothèques tierces avec ce nom: [1] (https://eonasdan.github.io/bootstrap-datetimepicker/), [2] (https://www.malot.fr/bootstrap-datetimepicker /) mieux être clair celui que vous utilisez. – fjoe

+0

Par le début voulez-vous dire l'avoir réglé pour sélectionner une date de 2 semaines? Ou l'a-t-on configuré pour avoir une date minimum sélectionnable de 2 semaines? – fjoe

+0

La date aujourd'hui + 2 semaines – Neilzxc

Répondre

1

ici, vous allez avec une solution https://jsfiddle.net/0Ltv25o8/5532/

$('#datetimepicker2').datetimepicker({ 
 
    defaultDate: moment().add('days', 14) 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/build/css/bootstrap-datetimepicker.css" rel="stylesheet"/> 
 
<script src="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/src/js/bootstrap-datetimepicker.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script> 
 
<div class="row"> 
 
    <div class="col-md-12"> 
 
     <input type="text" class="form-control" id="datetimepicker2" /> 
 
    </div> 
 
</div>

Je l'ai utilisé moment pour ajouter 14 jours.

Vous pouvez ajouter des semaines aussi bien au lieu de jours

$('#datetimepicker2').datetimepicker({ 
 
    defaultDate: moment().add('weeks', 2) 
 
});

Pour désactiver le passé date

$('#datetimepicker2').datetimepicker({ 
    minDate: moment().add('days', 14) 
}); 

Espérons que cela vous aidera.

Veuillez vous référer à jsFiddle car le code ne fonctionne pas dans stackoverflow à cause du lien de bibliothèque.

+0

@Neilzxc. Vous devez suivre jsfiddle. Dans stackoverflow, cela ne fonctionne pas. – Shiladitya

+0

Oh merci! Que diriez-vous de désactiver ces derniers jours afin que l'utilisateur ne puisse pas cliquer sur les jours passés? – Neilzxc

+0

@Neilzxc Utilisez ci-dessous le code '$ ('# datetimepicker2'). Datetimepicker ({ minDate: moment(). Add ('jours', 14) });' – Shiladitya

1

Essayez ce code ....

<div class="container"> 
    <div class="row"> 
    <div class='col-sm-3'> 
     <input type='text' class="form-control" id='datetimepicker4' /> 
    </div> 
    </div> 
/div> 
<script type="text/javascript"> 
    $(function() { 
        $('#datetimepicker4').datetimepicker({ 
         defaultDate: '+7d'}); 
         }); 
    </script> 
+0

Ce n'est que 7 jours à venir, il a dit 2 semaines :) – fjoe

+0

merci !!! :) apprécié – Neilzxc

0

Cela suppose vous utilisez cette bibliothèque: https://eonasdan.github.io/bootstrap-datetimepicker/

$(function() { 
    $('#datetimepicker9').datetimepicker({ 
    viewMode: 'years', 
    defaultDate: formatDate(getDateTwoWeeksFromNow()) 
    }); 
}); 

function getDateTwoWeeksFromNow() { 
    new Date(+new Date + 12096e5); 
} 

function formatDate(date) { 
    return [date.getDate(), date.getMonth(),date.getFullYear()].join('/') 
} 
+0

Si vous utilisez eonasdan pourquoi utilisez-vous moment.js? – fjoe

+0

Où est-ce que j'utilise momentjs? – jkris

+0

merci !!! :) apprécié – Neilzxc