jquery - Fetch week number and week start & end date using bootstrap datepicker -


bootstrap datetimepicker there option available fetch week number , week start , end date calendar.

demo link

$('#datetimepicker1').datetimepicker({   format: 'dd/mm/yyyy',       calendarweeks:true }); 

something similar html5 week attribute

<input type="week"/> 

i rely on moment provide data looking for, day of week , format functions

http://momentjs.com/docs/#/get-set/day/

http://momentjs.com/docs/#/displaying/format/

see fiddle examples started http://jsfiddle.net/spasticdonkey/9lnbp7pw/3/

$('#datetimepicker1').on('dp.change', function (e) {     var kk = $("#datepicker").val();     $("#output").html(         "week number: " + moment(kk, "dd/mm/yyyy").week() + " of " +          moment(kk, "dd/mm/yyyy").weeksinyear()     );     $("#output2").html(         "day of year: " + moment(kk, "dd/mm/yyyy").dayofyear()     );     $("#output3").html(         "day of week: " + moment(kk, "dd/mm/yyyy").day() + " of 6 (" +          moment(kk, "dd/mm/yyyy").format("dddd") + ")"     );     $("#output4").html(         "start of week: " + moment(kk, "dd/mm/yyyy").day(0).format("dd/mm/yyyy")     );     $("#output5").html(         "end of week: " + moment(kk, "dd/mm/yyyy").day(6).format("dd/mm/yyyy")     ); }); 

note there differences, depending on locale, day considered first day of week. if attempting support multiple locales need dig deeper moment documentation regarding locale aware dates.


Comments

Popular posts from this blog

javascript - Complete OpenIDConnect auth when requesting via Ajax -

c# - Replace text in MailItem Body -

java - Get more than One value and display it -