Alias: Umbraco.DateTime
Returns: DateTime
Displays a calendar UI for selecting dates which are saved as a DateTime value.

Data Type Definition Example

Data Type Definition Example
There are two settings available for manipulating the DateTime property.
One is to set a format. By default the format of the date in the Umbraco backoffice will be YYYY-MM-DD HH:mm:ss, but you can change this to something else. See for the supported formats.
The second setting is "Offset time". When enabling this setting the displayed time will be offset with the servers timezone. This can be useful in cases where an editor is in a different timezone than the hosted server.

Content Example

Content Example

MVC View Example - displays a datetime

With Modelsbuilder


Without Modelsbuilder


Add values programmatically

See the example below to see how a value can be added or changed programmatically. To update a value of a property editor you need the Content Service.
@inject IContentService Services;
@using Umbraco.Cms.Core.Services;
// Get access to ContentService
var contentService = Services;
// Create a variable for the GUID of the page you want to update
var guid = new Guid("32e60db4-1283-4caa-9645-f2153f9888ef");
// Get the page using the GUID you've defined
var content = contentService.GetById(guid); // ID of your page
// Set the value of the property with alias 'datePicker'
content.SetValue("datePicker", DateTime.Now);
// Save the change
Although the use of a GUID is preferable, you can also use the numeric ID to get the page:
// Get the page using it's id
var content = contentService.GetById(1234);
If Modelsbuilder is enabled you can get the alias of the desired property without using a magic string:
@using Umbraco.Cms.Core.PublishedCache;
@inject IPublishedSnapshotAccessor _publishedSnapshotAccessor;
// Set the value of the property with alias 'datePicker'
content.SetValue(Home.GetModelPropertyType(_publishedSnapshotAccessor, x => x.DatePicker).Alias, DateTime.Now);
Last modified 22d ago