Custom NumericUpDown Control

  • Thread starter Thread starter z.sessions
  • Start date Start date
Z

z.sessions

I need a control that acts like a numeric up down control in that
there are two buttons on the right of the control, one for up and one
for down.

The kicker is that the values need to be MM/YY. And if the current
value is 12/08 and the user clicks on up, it needs to change to 01/09.
And if the value is 01/09 and they click on down, it changes to 12/08.
And obviously if it is 03/09 and the click on up it goes to 04/09,
down to 02/09.

The Value property of the NUD control is a Decimal and I see no way to
specify custom formatted values.

So I guess I am going to either need to write a custom NUD control
(hard) or create a usercontrol that is derived from the NUD control
and override the necessary properties and methods to achieve my goal
(sounds easier).

Any suggestions?
 
I need a control that acts like a numeric up down control in that
there are two buttons on the right of the control, one for up and one
for down.

The kicker is that the values need to be MM/YY. And if the current
value is 12/08 and the user clicks on up, it needs to change to 01/09.
And if the value is 01/09 and they click on down, it changes to 12/08.
And obviously if it is 03/09 and the click on up it goes to 04/09,
down to 02/09.

The Value property of the NUD control is a Decimal and I see no way to
specify custom formatted values.

So I guess I am going to either need to write a custom NUD control
(hard) or create a usercontrol that is derived from the NUD control
and override the necessary properties and methods to achieve my goal
(sounds easier).

Any suggestions?
Click to expand...

Easily answered. Use the DateTimePicker Control, with the property
"ShowUpDown" set to true. It does everything you want.
 
Easily answered.  Use the DateTimePicker Control, with the property
"ShowUpDown" set to true.  It does everything you want.- Hide quoted text -

- Show quoted text -
Click to expand...

I should mention also that you can change the format of the date that
appears in the control. I use "yyyy-MM (MMM)". (Note the upper/lower
case of the format. It's' important). This gives you "2009-01
(Jan)". The name of the month is helpful to users.
 
Easily answered.  Use the DateTimePicker Control, with the property
"ShowUpDown" set to true.  It does everything you want.
Click to expand...

This is very close. But the up/down feature only updates one part of
the date value being displayed. I have set the CustomFormat property
to MM/yy. But if the current value is 12/09 and click the up button,
it goes to 01/09. I can switch focus to the year and click it up and
down, but I would like for the value to automatically rollover the
year when advancing or decreasing the month. Is that possible?
 
This is very close. But the up/down feature only updates one part of the
date value being displayed. I have set the CustomFormat property to
MM/yy. But if the current value is 12/09 and click the up button, it
goes to 01/09. I can switch focus to the year and click it up and down,
but I would like for the value to automatically rollover the year when
advancing or decreasing the month. Is that possible?
Click to expand...

Your could create a new class derived from datetime and then handle the
changed event, comparing the old and new values and incrementing the year
automatically when you need to.

Ken
 
Your could create a new class derived from datetime and then handle the
changed event, comparing the old and new values and incrementing the year
automatically when you need to.
Click to expand...

I solved this problem with just a little code. I created two class
variables:

Private DateTime currentDateTime;
Private bool changingValue;

Initialize currentDateTime to the Value of the datetimepicker control
and chan gingValue to false in the Constructor.

Then in the datetimepicker control's ValueChanged Event:

if (this.valueChanging)
{
return;
}
this.valueChanging = true;
if (this.dateTimePicker1.Value.Month == 12)
{
if (this.currentDateTimeValue.Month == 11)
{
this.currentDateTimeValue =
this.dateTimePicker1.Value;
}
else
{
this.currentDateTimeValue =
this.dateTimePicker1.Value.AddYears(-1);
this.dateTimePicker1.Value =
this.currentDateTimeValue;
}
}
else if (this.dateTimePicker1.Value.Month == 1)
{
if (this.currentDateTimeValue.Month == 2)
{
this.currentDateTimeValue =
this.dateTimePicker1.Value;
}
else
{
this.currentDateTimeValue =
this.dateTimePicker1.Value.AddYears(1);
this.dateTimePicker1.Value =
this.currentDateTimeValue;
}
}
else
{
this.currentDateTimeValue =
this.dateTimePicker1.Value;
}
this.valueChanging = false;
 
Back
Top