如何设置Bootstrap Datepicker的第一天和第一周

Question

我是新手：我正在玩Bootstrap Datepicker，并已将其用于

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

然后是

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

但我不能像在jQuery UI中那样设置第一天或几周。通常，我可以像在jQuery UI中那样使用firstDay: 1, weekHeader: "Uge", showWeek: true，并显示3个月，如numberOfMonths：[3，1]，stepMonths：3。

如何为Bootstrap Datepicker执行此操作？

Answer 1

尝试添加weekStart。访问此处了解更多有关的详细信息

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

Answer 2

一些例子。希望能有所帮助。像往常一样进入$（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');

Answer 3

无需jquery或javascript-

您可以在标记本身中设置此属性。

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

例如，我设置从周一开始，然后数据日期周开始="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>

Answer 4

您必须导入从"ngx bootstrap/datepicker"导入｛BsLocaleService｝；和从"ngx bootstrap/chronos"导入｛defineLocale，enGbLocale｝；

在constoctor中，您必须添加defineLocare（'en-gb'，enGbLocale）；在ngOnit中，您必须添加this.localeService.use（'en-gb'）；

它适用于带有Angular 7+的BS4

Answer 5

您注意到'id'元素中有拼写错误吗？将"datepickeron"误译为"dateoickeron"。我很抱歉没有简单地在评论中添加这一点，但我还没有获得这样做的许可。

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

应该是：

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

Answer 6

Calendar.component.ts文件（适用于ngx引导程序日期选择器-4和angular7）

步骤1从"ngx bootstrap/datepicker"导入｛BsLocaleService｝；从"ngx bootstrap/chronos"导入｛defineLocale，enGbLocale｝；

步骤2在构造函数中添加defineLocare（'en-gb'，enGbLocale）；步骤3//在**ngOnit*中添加this.localeService.use（'en-gb'）；