• címkék:
  • date
  • picker
  • dátum
  • bevitel
  • idő
  • naptár
  • calendar

DatePicker

Alapbeállítás

Deklaráció

        $(document).ready(function(){
          $("#pelda-1").datepicker();
        });
      

Módosított formátum (dateFormat)

Deklaráció

        $(document).ready(function(){
          $("#pelda-2").datepicker({
            dateFormat: 'yy. MM dd. (DD)',
            autoSize: true
          });
        });
      

Választható tartomány meghatározása (minDate, maxDate)

Deklaráció

        $(document).ready(function(){
          $("#pelda-3").datepicker({
            minDate: -7,
            maxDate: "+2W +5D" 
          });
        });
      

Alternatív beviteli mező (altField)

Deklaráció

        $(document).ready(function(){
          $("#pelda-4").datepicker({
            altField: '#pelda-alt',
            altFormat: 'DD'
          });
        });
      

Multi datepicker (numberOfMonths)

Deklaráció

        $(document).ready(function(){
          $("#pelda-5").datepicker({
            numberOfMonths: 3,
            showCurrentAtPos: 1,
            showWeek: true,
            showButtonPanel: true
          });
        });
      

Ikon használata (buttonImage)

Deklaráció

        $("#pelda-6").datepicker({
          autoSize: true,
          showOn: "button",
          buttonImage: "images/icon.png",
          buttonImageOnly: true,
          dateFormat: 'yy. MM dd.'
        });
      

« bezár