web-dev-qa-db-fra.com

Comment définir le premier jour et les premières semaines pour Bootstrap Datepicker

Je suis nouveau dans ce domaine: je joue avec Bootstrap Datepicker et je l’ai avec lui

$(document).ready(function () {
  $('#datepickeron').datepicker()
});

Et puis un

<div id="dateoickeron"></div>

Mais je ne peux pas définir le premier jour ou les premières semaines comme dans jQuery UI. Normalement, je peux utiliser firstDay: 1, weekHeader: "Uge", showWeek: true comme dans l'interface utilisateur jQuery et afficher 3 mois comme numberOfMonths: [3, 1], stepMonths: 3.

Comment puis-je faire cela pour le Bootstrap Datepicker?

jqueryasp.nettwitter-bootstrapdatepicker
12
Thomas Bøg Petersen

Essayez d'ajouter weekStart. Visitez ici pour plus de détails à ce sujet

$(document).ready(function () {
 $('#datepickeron').datepicker({
   weekStart: 0 // day of the week start. 0 for Sunday - 6 for Saturday
 });
});
35
agriboz

Quelques exemples. J'espère que ça aide. Comme d'habitude va dans $ (document) .ready (function () {});

$('#fromDate').datepicker('setStartDate', '-15d');
$('#fromDate').datepicker('setEndDate', '1d');
$('#toDate').datepicker('setStartDate', '-15d');
$('#toDate').datepicker('setEndDate', '1d');


    // Initialize the dates
$('#cv-rpt-sdate').datepicker({format: 'dd-mm-yyyy',"autoclose": true});
$('#cv-rpt-edate').datepicker({format: 'dd-mm-yyyy',"autoclose": true});
$('#cv-rpt-sdate').datepicker('setEndDate', '1d');
$('#cv-rpt-edate').datepicker('setEndDate', '1d');

$('#dboard-att-date').datepicker({format: 'dd-mm-yyyy',"autoclose": true});
$('#dboard-att-date').datepicker('setStartDate', '-7d');
$('#dboard-att-date').datepicker('setEndDate', '1d');
4
Girish

Pas besoin de jquery ou javascript-

Vous pouvez définir cette propriété dans Tag lui-même.

property -   data-date-week-start   
type  -    integer  
default  -    0 
description - day of the week start. 0 for Sunday - 6 for Saturday

Par exemple, j'ai commencé à partir du lundi, puis data-date-week-start = "1"

<div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy" data-date-week-start="1">
  <input class="span2" size="16" type="text" value="12-02-2012">
  <span class="add-on"><i class="icon-th"></i></span>
</div>
1
vikasgupta