EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: jega on June 24, 2016, 05:53:52 AM

Title: Weeknumbers in calendar
Post by: jega on June 24, 2016, 05:53:52 AM

Is there any way to show weeknumbers to the left of dates ????

Title: Re: Weeknumbers in calendar
Post by: stworthy on June 24, 2016, 08:16:05 PM

This feature is not supported in current version.

Title: Re: Weeknumbers in calendar
Post by: jega on June 26, 2016, 11:29:20 AM

But Will it come in the future, and hos Can i modify it to do it now.

Any help is wellcome

Title: Re: Weeknumbers in calendar
Post by: stworthy on June 28, 2016, 12:35:18 AM

The 'showWeek' property will be available since next version. You can download the patch from http://www.jeasyui.com/download/downloads/jquery-easyui-1.4.5-patch.zip to use this feature in current version.

Code:

$('#cc').calendar({
  showWeek: true
});

Title: Re: Weeknumbers in calendar
Post by: arma on June 29, 2016, 02:48:28 PM

Hi Stworthy,

Can we have custom week number ?

Regards

Title: Re: Weeknumbers in calendar
Post by: stworthy on June 29, 2016, 08:35:27 PM

You can override the $.fn.calendar.defaults.getWeekNumber function to custom the week number.

Code:

$.extend($.fn.calendar.defaults, {
  getWeekNumber: function(date){
    var weekNumber = ...
    return weekNumber;
  }
});

Title: Re: Weeknumbers in calendar
Post by: jega on July 16, 2016, 11:25:33 AM

Hi stworthy

Thank you very much. Looks great, BUT. ;D

Weeknumber is Black, and fall into the dates. Can it be etc. blue ??

Is it also possible to get weekNumbers in datebox and datetimebox ??

Title: Re: Weeknumbers in calendar
Post by: stworthy on July 17, 2016, 08:03:15 PM

You can override the '.calendar-week' CSS value to modify the week number style.

Code:

<style>
	.calendar-week{
		color:#666;
	}
</style>

Title: Re: Weeknumbers in calendar
Post by: jega on August 30, 2016, 10:51:39 PM

Hi.

why does this not Work ?

<input id="db1" name="db1" class="easyui-datebox">
<input id="db2" name="db2" class="easyui-datebox">

<script type="text/javascript">
   $( document ).ready(function(){

      $('.easyui-datebox').datebox('calendar').calendar({showWeek:true,weekNumberHeader:'u'});


   });


</script>

Only db1 get showWeek true