CODEWITHSUNDEEP
javascriptjquerycsstwitter-bootstrapdatepicker
user3035874
user3035874

Reputation:

How to show week number in twitter bootstrap date picker

I"m using twitter bootstrap datepicker . refer the link http://www.eyecon.ro/bootstrap-datepicker/

I want to show week number like the following http://jsbin.com/omaqe/1/edit

I don't want to change the jquery plugin. I want to use only twitter bootstrap datepicker. How to show week number using this.

and

I want to show datepicker based on the culture. Please give me solution for this too..

Thank you for your effort to help me.

Upvotes: 4

Views: 10962

Answers (2)

Radu Linu
Radu Linu

Reputation: 1261

In angular 9 you have to use the following;

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

Upvotes: 0

Praveen
Praveen

Reputation: 56509

In bootstrap datepicker, there is an option called calendarWeeks(a boolean dataType), Whether or not to show week numbers to the left of week rows.

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

enter image description here

Fiddle

Upvotes: 12

Related Questions