Tasharen Entertainment Forum

Support => NGUI 3 Support => Topic started by: weilies on January 29, 2016, 12:31:37 AM

Title: Does NGUI come with Calendar widget??
Post by: weilies on January 29, 2016, 12:31:37 AM
Dear gurus,

i need a calendar field, https://jqueryui.com/datepicker/
How can i create one in NGUI?

Thanks
Title: Re: Does NGUI come with Calendar widget??
Post by: ArenMook on January 31, 2016, 06:07:46 AM
NGUI doesn't come with this, no. You can create one by making a panel with a grid of buttons. Write a script that will change the numbers on buttons and enable/disable them as needed. Figuring out which #s to show and which buttons to disable would be your code -- based on what month you want to show and what day of the week each day falls on.
Title: Re: Does NGUI come with Calendar widget??
Post by: devomage on February 01, 2016, 03:33:38 AM
  1. //header
  2. for (int i = 0; i < 7; i++)
  3. {
  4.         GameObject row = NGUITools.AddChild(grid_calendar.gameObject, prefab_cell);
  5.  
  6.         row.SetActive(true);
  7.  
  8.         row.name = string.Format("header - {0}", (DayOfWeek)i);
  9.         UILabel label = row.transform.FindChild("Label").GetComponent<UILabel>();
  10.         label.text = string.Format("{0}", ((DayOfWeek)i).ToString().Substring(0, 2));
  11. }
  12.  
  13. //empty objects before 1st of month
  14. DateTime first = new DateTime(datetime.Year, datetime.Month, 1);
  15. for (int i = 0; i < (int)first.DayOfWeek; i++)
  16.  
  17. for (int i = 1; i < DateTime.DaysInMonth(datetime.Year, datetime.Month); i++)

DateTime has everything you need!

Title: Re: Does NGUI come with Calendar widget??
Post by: ArenMook on February 04, 2016, 08:49:55 PM
Nice!
Title: Re: Does NGUI come with Calendar widget??
Post by: weilies on February 24, 2016, 12:28:26 AM
Quote from: devomage on February 01, 2016, 03:33:38 AM
  1. //header
  2. for (int i = 0; i < 7; i++)
  3. {
  4.         GameObject row = NGUITools.AddChild(grid_calendar.gameObject, prefab_cell);
  5.  
  6.         row.SetActive(true);
  7.  
  8.         row.name = string.Format("header - {0}", (DayOfWeek)i);
  9.         UILabel label = row.transform.FindChild("Label").GetComponent<UILabel>();
  10.         label.text = string.Format("{0}", ((DayOfWeek)i).ToString().Substring(0, 2));
  11. }
  12.  
  13. //empty objects before 1st of month
  14. DateTime first = new DateTime(datetime.Year, datetime.Month, 1);
  15. for (int i = 0; i < (int)first.DayOfWeek; i++)
  16.  
  17. for (int i = 1; i < DateTime.DaysInMonth(datetime.Year, datetime.Month); i++)

DateTime has everything you need!

sorry, but i am not sure how to add this into my current scene, do u have a scene file for sharing? ^^

Thanks!
Title: Re: Does NGUI come with Calendar widget??
Post by: devomage on February 24, 2016, 01:09:35 AM
I'd prefer not for this example. 

The code is fairly straight forward...  a simple button as the prefab in a 7x grid.