19

私はこれに不慣れです：私はBootstrap Datepickerで遊んでいて、それを動作させることができます

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

そして、

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

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

Bootstrap Datepickerに対してこれを行うにはどうすればよいですか？

4

6 に答える 6

45

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

$(document).ready(function () {
 $('#datepickeron').datepicker({
   weekStart: 0 // day of the week start. 0 for Sunday - 6 for Saturday
 });
});
于 2012-08-27T14:09:19.170 に答える
3

いくつかの例。それが役に立てば幸い。いつものように$（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');
于 2012-09-11T20:04:34.113 に答える
2

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>
于 2018-04-12T10:14:38.027 に答える
2

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

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

Angular7+を使用したBS4での動作

于 2020-01-08T13:54:39.823 に答える
0

'id'要素にタイプミスがあることに気づきましたか？「datepickeron」のつづりを「dateoickeron」と間違えました。コメントにこれを追加するだけでなく、事前にお詫び申し上げますが、まだ許可を得ていません。

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

...次のようになります：

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

于 2019-09-16T21:11:41.877 に答える
0

Calendar.component.tsファイル（angx-bootstrap datepicker -4 with angle7で機能します）

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

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

于 2020-01-08T14:02:47.250 に答える