如何在 twitter 引导日期选择器中显示周数

Posted

技术标签:

【中文标题】如何在 twitter 引导日期选择器中显示周数【英文标题】:How to show week number in twitter bootstrap date picker 【发布时间】:2013-12-12 17:05:52 【问题描述】:

我正在使用 twitter bootstrap datepicker。参考链接http://www.eyecon.ro/bootstrap-datepicker/

我想像下面这样显示周数http://jsbin.com/omaqe/1/edit

我不想更改 jquery 插件。我只想使用 twitter bootstrap datepicker。如何使用它显示周数。

我想根据文化显示日期选择器。也请给我解决方案..

感谢您对我的帮助。

【问题讨论】:

【参考方案1】:

在bootstrap datepicker 中,有一个名为calendarWeeks(布尔数据类型)的选项,是否在周行左侧显示周数。

$('#datepicker').datepicker(
    calendarWeeks: true
);

Fiddle

【讨论】:

我需要根据文化显示日期选择器。这可能吗? @Vijay 你在考虑本地化吗?这是你正在尝试的东西jsfiddle.net/praveen_jegan/GX82L/4? 根据国家/地区,周开始日期会改变吗?如果是这样,那么,如何显示这个? @Vijay 你不用担心。这就是本地化的特点。这是bootstrap datepicker 中的语言环境列表。希望你理解 我担心知道周数。因为如果星期开始日期改变意味着,一年中的周数也会改变我认为..(我在逻辑上问..没有任何证据)......如果没有,那么请给我一个细节。因为我必须证明自己,如果我按照你的方式行事.. 如果我的话不礼貌,请不要当真。我是英语新手..【参考方案2】:

在 Angular 9 中,您必须使用以下内容;

<input
  type="text"
  id="dateRangePicker"
  bsDaterangepicker
  [(ngModel)]="my-model"
  [bsConfig]="
    showWeekNumbers: false
  "
  name="bsDaterangepicker"
/>

【讨论】:

以上是关于如何在 twitter 引导日期选择器中显示周数的主要内容,如果未能解决你的问题,请参考以下文章

如何在引导日期选择器中突出显示特定日期?

从 Angular-ui 引导日期选择器中删除周列和按钮

如何防止单击日期并在引导日期选择器中显示警报消息?

如何使用引导模式更新引导日期时间选择器中的默认日期

在引导日期时间选择器中禁用时间

在引导日期选择器中启用特定日期