dateInput

dateInput(inputId, label, value = NULL, min = NULL, max = NULL,
  format = "yyyy-mm-dd", startview = "month", weekstart = 0,
  language = "en")

Arguments

inputId Input variable to assign the control's value to.
label Display label for the control, or NULL.
value The starting date. Either a Date object, or a string in yyyy-mm-dd format. If NULL (the default), will use the current date in the client's time zone.
min The minimum allowed date. Either a Date object, or a string in yyyy-mm-dd format.
max The maximum allowed date. Either a Date object, or a string in yyyy-mm-dd format.
format The format of the date to display in the browser. Defaults to "yyyy-mm-dd".
startview The date range shown when the input object is first clicked. Can be "month" (the default), "year", or "decade".
weekstart Which day is the start of the week. Should be an integer from 0 (Sunday) to 6 (Saturday).
language The language used for month and day names. Default is "en". Other valid values include "bg", "ca", "cs", "da", "de", "el", "es", "fi", "fr", "he", "hr", "hu", "id", "is", "it", "ja", "kr", "lt", "lv", "ms", "nb", "nl", "pl", "pt", "pt-BR", "ro", "rs", "rs-latin", "ru", "sk", "sl", "sv", "sw", "th", "tr", "uk", "zh-CN", and "zh-TW".

Description

Creates a text input which, when clicked on, brings up a calendar that the user can click on to select dates.

Details

The date format string specifies how the date will be displayed in the browser. It allows the following values:

  • yy Year without century (12)
  • yyyy Year with century (2012)
  • mm Month number, with leading zero (01-12)
  • m Month number, without leading zero (01-12)
  • M Abbreviated month name
  • MM Full month name
  • dd Day of month with leading zero
  • d Day of month without leading zero
  • D Abbreviated weekday name
  • DD Full weekday name

Examples

dateInput("date", "Date:", value = "2012-02-29")
<div id="date" class="shiny-date-input form-group shiny-input-container"> <label class="control-label" for="date">Date:</label> <input type="text" class="form-control datepicker" data-date-language="en" data-date-weekstart="0" data-date-format="yyyy-mm-dd" data-date-start-view="month" data-initial-date="2012-02-29"/> </div>
# Default value is the date in client's time zone dateInput("date", "Date:")
<div id="date" class="shiny-date-input form-group shiny-input-container"> <label class="control-label" for="date">Date:</label> <input type="text" class="form-control datepicker" data-date-language="en" data-date-weekstart="0" data-date-format="yyyy-mm-dd" data-date-start-view="month"/> </div>
# value is always yyyy-mm-dd, even if the display format is different dateInput("date", "Date:", value = "2012-02-29", format = "mm/dd/yy")
<div id="date" class="shiny-date-input form-group shiny-input-container"> <label class="control-label" for="date">Date:</label> <input type="text" class="form-control datepicker" data-date-language="en" data-date-weekstart="0" data-date-format="mm/dd/yy" data-date-start-view="month" data-initial-date="2012-02-29"/> </div>
# Pass in a Date object dateInput("date", "Date:", value = Sys.Date()-10)
<div id="date" class="shiny-date-input form-group shiny-input-container"> <label class="control-label" for="date">Date:</label> <input type="text" class="form-control datepicker" data-date-language="en" data-date-weekstart="0" data-date-format="yyyy-mm-dd" data-date-start-view="month" data-initial-date="2017-08-08"/> </div>
# Use different language and different first day of week dateInput("date", "Date:", language = "de", weekstart = 1)
<div id="date" class="shiny-date-input form-group shiny-input-container"> <label class="control-label" for="date">Date:</label> <input type="text" class="form-control datepicker" data-date-language="de" data-date-weekstart="1" data-date-format="yyyy-mm-dd" data-date-start-view="month"/> </div>
# Start with decade view instead of default month view dateInput("date", "Date:", startview = "decade")
<div id="date" class="shiny-date-input form-group shiny-input-container"> <label class="control-label" for="date">Date:</label> <input type="text" class="form-control datepicker" data-date-language="en" data-date-weekstart="0" data-date-format="yyyy-mm-dd" data-date-start-view="decade"/> </div>

See also

dateRangeInput, updateDateInput

Other input.elements: actionButton, actionLink; animationOptions, sliderInput; checkboxGroupInput; checkboxInput; dateRangeInput; fileInput; numericInput; passwordInput; radioButtons; selectInput, selectizeInput; submitButton; textInput