date

edits dates with the help of a popup calendar

string date;

Example

//for a datatable column
{id:"startdate", editor:"date", header:"Start date", width:120}

Related samples

Details

The calendar is shown automatically as soon as you trigger item editing. This is a default calendar. To change its properties you should configure your popup.

webix.editors.$popup = {
   date:{
      view:"popup",
      body:{
         view:"calendar",
         timepicker:true,
         weekNumber:true,
         width: 220,
         height:200
      }
   }
};

Timepicker allows selecting time in addition to dates.

For more info on Calendar check the dedicated article.

See also
  • Articles
  • Back to top