DateTimePicker

in namespace DotVVM.Framework.Controls.Bootstrap4

Renders a DateTimePicker control which lets the user either to type the date, or select it from a calendar pop-up.

Usage & Scenarios

Renders a textbox control which lets the user either to type the date, or select it from a calendar popup.

Sample 1: Basic Usage

Use the SelectedDate property to get or set the selected date.

The DateTimePicker can be switched into three different modes using the Mode property: DateTime, Date and Time.

The FormatString property specifies the format that will be used to display selected date. Use standard or custom .NET date format strings.

The language of the calendar and the first day of week is specified by the request culture. You can find more info in the Globalization tutorial.

<bs:DateTimePicker SelectedDate="{value: Date}" FormatString="d" Mode="DateTime" />
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using DotVVM.Framework.ViewModel;

namespace DotvvmWeb.Views.Docs.Controls.bootstrap.DateTimePicker.sample1
{
    public class ViewModel : DotvvmViewModelBase
    {
        public DateTime? Date { get; set; }

        public ViewModel()
        {
            Date = DateTime.Now;
        }
    }
}

Properties

Name Type Description Notes Default Value
property icon Enabled Boolean Gets or sets whether the control is enabled.
attribute
inner element
static value
bindable
default
True
property icon FormatString String Gets or sets format string that will be used to display the date.
attribute
inner element
static value
bindable
default
null
property icon Mode DateTimePickerType? Gets or sets whether you want the user to pick only date, only time, or both date and time.
attribute
inner element
static value
bindable
default
DateTime
property icon SelectedDate DateTime? Gets or sets the date selected in the control.
attribute
inner element
static value
bindable
default
null

Events

Name Type Description
event icon Changed Command Gets or sets the command that will be triggered when the control text is changed.

HTML produced by the control