web-dev-qa-db-ja.com

Bootstrap Datepickerの最初の日と週を設定する方法

私はこれが初めてです：Bootstrap Datepickerで遊んでいて、

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

そして、

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

しかし、jQuery UIのように、初日または週を設定することはできません。通常はfirstDay: 1, weekHeader: "Uge", showWeek: true jQuery UIと同様に、numberOfMonths：[3、1]、stepMonths：3のような3か月を表示します。

Bootstrap Datepickerの場合、どうすればよいですか？

jqueryasp.nettwitter-bootstrapdatepicker
15
Thomas Bøg Petersen

weekStartを追加してみてください。詳細については こちら をご覧ください

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

いくつかの例。それが役に立てば幸い。いつものように$（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

jqueryやjavascript-は不要

このプロパティはタグ自体で設定できます。

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

例-月曜日から開始するように設定し、次に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
cse_vikashgupta

Calendar.component.tsファイル（angular7のngx-bootstrap datepicker -4で機能します）

ステップ1 'ngx-bootstrap/datepicker'から{BsLocaleService}をインポートします。 'ngx-bootstrap/chronos'から{defineLocale、enGbLocale}をインポートします。

コンストラクターのステップ2で、defineLocale（ 'en-gb'、enGbLocale）;を追加します。ステップ3 // ** ngOnit *にthis.localeService.use（ 'en-gb'）;を追加します。

0
Ankita Sharma

'ngx-bootstrap/datepicker'からインポート{BsLocaleService}をインポートする必要があります。そして 'defxLocale、enGbLocale}を' ngx-bootstrap/chronos 'からインポートします。

constoctorでは、defineLocale（ 'en-gb'、enGbLocale）;を追加する必要があります。 ngOnitでは、this.localeService.use（ 'en-gb'）;を追加する必要があります。

Angular 7+

0
Virus Neeraj

'id'要素にタイプミスがあることに気づきましたか？ 「datepickeron」のスペルを「dateoickeron」と間違っていた。これを単にコメントに追加するだけでなく、まだ許可することもできませんでした。

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

...する必要があります：

<div id="datepickeron"></div>

0
ronezone