1. MaskedTextBox

U programiranju aplikacija koje rade s tekstualnim unosom, često je potrebno obezbediti da korisnik unosi podatke u određenom formatu. Na primer, unos broja telefona, datuma, vremena ili JMBG-a zahteva specifičan oblik. 

Kontrola MaskedTextBox omogućava ograničavanje unosa prema unapred definisanom formatu (šablonu, maski).

Osnovne karakteristike MaskedTextBox kontrole

MaskedTextBox je unapređena verzija klasične TextBox kontrole, sa mogućnošću primene maski koje korisniku omogućavaju unos samo u dozvoljenom formatu. 

Ključna svojstva MaskedTextBox kontrole su:

• Mask – Definiše obrazac koji korisnik mora pratiti prilikom unosa podataka.
• PromptChar – Simbol koji označava mesta koja korisnik treba da popuni.
• BeepOnError – Ako je postavljeno na true, oglašava zvučni signal pri pogrešnom unosu.
• HidePromptOnLeave – Ako je true, maska se ne prikazuje kada kontrola izgubi fokus.
• ValidatingType – Može se koristiti za automatsku validaciju unesenih podataka.

Definisanje maske

Moguće maske za unos uključuju različite formate. 

Simboli koji se mogu koristiti za definisanje maske su:

Primer definisanja maske u kodu:

    maskedTextBox1.Mask = "(000) 000-0000"; // Telefon u formatu (123) 456-7890

     maskedTextBox1.Mask = "(000) 000-0000";
     maskedTextBox1.PromptChar = '_';

     maskedTextBox1.Mask = "00/00/0000";
     maskedTextBox1.ValidatingType = typeof(System.DateTime);

     maskedTextBox1.Mask = "0000000000000";

1. zadatak: napraviti winForm app u kojoj treba da je MaskedTextBox u koji se unosi dvocifren broj

******************************************************************************************************************

dovde smo stigli na času, 20.02

******************************************************************************************************************************************************************************************************

2. deo zadatka - dodati izbor datuma - DateTimePicker - treba da se ispiše i koji je datum odabran

2.deo: DateTimePicker

DateTimePicker je kontrola koja omogućava lak unos i izbor datuma i vremena putem kalendara. Ova kontrola sprečava greške pri unosu jer korisnici biraju vrednosti iz padajućih lista ili koriste dugmad za navigaciju.

Karakteristike:

• Format: Određuje prikaz datuma i vremena (npr. Short, Long, Time).
• Value: Trenutna izabrana vrednost u formatu DateTime.
• MinDate/MaxDate: Ograničava opseg datuma koji korisnik može izabrati.

Primer postavljanja DateTimePicker kontrole:

dateTimePicker1.Format = DateTimePickerFormat.Short;
dateTimePicker1.MinDate = new DateTime(2000, 1, 1);
dateTimePicker1.MaxDate = DateTime.Today;
dateTimePicker1.Value = DateTime.Today;

***************************

Kontrola za odabir: DateTimePicker – kontrola za odabir datima, vremena ili oboje koristeći opcije slične ComboBox kontroli

Zadatak 1: Pokušajte da ispratite sledeći video primer:

Zadatak 2: Kako da programski prikažete koliko imate godina:

Kontrola za odabir: DateTimePicker – kontrola za odabir datima, vremena ili oboje koristi opcije slične ComboBox kontroli:

Kada je Format postavljen na Time, iako Value sadrži i datumski deo, on se neće prikazati na kontroli

(opciono, za bolje učenike) Zadatak 3: Kako izračunati razliku između dva izabrana datuma (ispratite zadatak koji je prikazan na video snimku)

3. deo: 

Kontrola za odabiranje: MonthCalendar - omogućava označavanje datumskog intervala

Zadatak 1: Prateći video, kreirati aplikaciju sa kalendarom:

3. MonthCalendar

MonthCalendar omogućava pregled i izbor datuma u obliku mesečnog kalendara. Može se koristiti za prikazivanje više datuma istovremeno i za izbor opsega datuma.

Karakteristike:

• SelectionRange: Omogućava izbor više datuma.
• MaxSelectionCount: Ograničava broj datuma koje korisnik može izabrati.
• BoldedDates: Omogućava isticanje specifičnih datuma.

Primeri postavljanja MonthCalendar kontrole:

monthCalendar1.MaxSelectionCount = 1; // Omogućava izbor samo jednog datuma
monthCalendar1.BoldedDates = new DateTime[]
{
    new DateTime(2025, 1, 1),
    new DateTime(2025, 12, 25)
};

Primeri

Primer 1: Validacija unosa datuma pomoću MaskedTextBox

        maskedTextBox1.Mask = "00/00/0000";
    
        buttonCheck.Text = "Proveri datum";
      

    void ButtonCheck_Click(object sender, EventArgs e)
    {
        if (DateTime.TryParse(maskedTextBox1.Text, out DateTime result))
        {
            MessageBox.Show("Validan datum: " + result.ToShortDateString());
        }
        else
        {
            MessageBox.Show("Nevalidan unos.");
        }
    }

Primer 2: Biranje datuma pomoću DateTimePicker

    DateTimePicker dateTimePicker1 = new DateTimePicker();
    Button buttonShowDate = new Button();

  //******
        dateTimePicker1.Format = DateTimePickerFormat.Short;

        buttonShowDate.Text = "Prikaži datum";
   //***************

    void ButtonShowDate_Click(object sender, EventArgs e)
    {
        MessageBox.Show("Izabrani datum: " + dateTimePicker1.Value.ToShortDateString());
    }

Primer 3: Korišćenje MonthCalendar kontrole

    MonthCalendar monthCalendar1 = new MonthCalendar();
   
        monthCalendar1.MaxSelectionCount = 1;

3. čas: 

Kontrola za odabiranje: MonthCalendar - omogućava označavanje datumskog intervala

Zadatak 1: Prateći video, kreirati aplikaciju sa kalendarom:

Kontrola za odabir: MonthCalendar omogućava označavanje datumskog intervala

Nakon što odaberemo jedan datum, držeći Shift možemo odabrati drugi datum intervala.

Zadatak 2: Kako selektovati opseg datuma (Uradite zadatak kao na video snimku)

 opciono: kako postaviti da se vidi više od jednog meseca:

(opciono - ako se stigne ili za bolje učenike) Zadatak 3: Kreiranje RAVNOG kalendara

Vežbe

1. Validacija unosa: Kreirajte aplikaciju koja omogućava unos datuma pomoću MaskedTextBox i proverava da li je unos validan.
2. Izbor datuma: Napravite program koji omogućava korisniku da izabere datum pomoću DateTimePicker i prikaže rezultat u labeli.
3. Istaknuti datumi: Koristeći MonthCalendar, dodajte nekoliko istaknutih datuma i prikažite poruku kada korisnik izabere jedan od njih.