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.
$('#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
Post a Comment