DotNet-201-ElevenNote
  • Introduction
  • ElevenNote (Parts 1-11)
    • Part 1: Setup
      • 0.0: Intro
      • 1.0: ElevenNote.WebMVC
      • 1.1: ElevenNote.Data
      • 1.2: ElevenNote.Models
      • 1.3: ElevenNote.Contracts
      • 1.4: ElevenNote.Services
      • 1.5: ElevenNote.Tests
    • Part 2: Identity Model
      • 2.0: Identity Model
      • 2.1: Entity Framework, References, Using Statements
      • 2.2: Identity Models Setup
    • Part 3: Database Setup
      • 3.1: Data
      • 3.2: Annotations
      • 3.3: Database and Connection String
      • 3.4: Guid Info
      • 3.5: Migrations
      • 3.6: Types
      • 3.7: Password Information
    • Part 4: NoteListItem
      • 4.0: MVC Intro
      • 4.1: Note Controller
      • 4.2: NoteListItem Model
      • 4.3: Index View
    • Part 5: NoteCreate
      • 5.0: NoteCreate
      • 5.1: NoteCreate Model
      • 5.2: Create View
      • 5.3: Change NoteCreate Model
      • 5.4: Create [Post] Method
      • 5.5: Navbar Addition
    • Part 6: NoteService
      • 6.0: NoteService
      • 6.1: NoteController Changes
      • 6.2: QuickWatch & Data
    • Part 7: Create Refactor
      • 7.0: CreateRefactor
      • 7.1: Validation Messages
    • Part 8: NoteDetail
      • 8.0: NoteDetail Model
      • 8.1: Detail View
      • 8.2: URL and Routes Discussion
    • Part 9: NoteEdit
      • 9.0: NoteEdit Model
      • 9.1: NoteEdit View
    • Part 10: NoteDelete
      • 10.0: NoteDelete
    • Part 11: DateFormat
      • 11.0: DateFormat
  • Star! (Part 12)
    • Part 12: Add Star Option
      • 12.0: Add Star Option
      • 12.1: Star Setup
      • 12.2: Star API
  • Notes and Tips
    • 0.0: Notes about Files, Saving, and Git
    • 0.1: Tips
    • 0.2: Resources
  • ElevenNote API (Parts 13-19)
    • Part 13: API Intro
      • 13.0: API Intro
      • 13.1: Test Login
      • 13.2: SSL
    • Part 14: WebAPI
      • 14.0: WebAPI Setup
      • 14.1: Testing with Postman
    • Part 15: API Controller
      • 15.0: API Controller
      • 15.1: Test Getting Notes in Postman
    • Part 16: Http Methods
      • 16.0: Http Methods
    • Part 17: Testing Endpoints
      • 17.0: API Documentation
      • 17.1: Test GetById
      • 17.2: Test Post
      • 17.3: Test Update
      • 17.4: Test Delete
    • Part 18: Swagger
      • 18.0: Swagger Setup
        • 18.0a: Swagger Config
      • 18.1: Test with Swagger
    • Part 19: PostMan Tips
      • 19.0: PostMan Tips
Powered by GitBook
On this page
  1. ElevenNote (Parts 1-11)
  2. Part 11: DateFormat

11.0: DateFormat

PreviousPart 11: DateFormatNextStar! (Part 12)

Last updated 6 years ago

Change the Format of DateTimeOffset

In this section, we change the format of DateTimeOffset to trim off some of the fat and make it easier to read.

  1. Go to ElevenNote.Web -> Views -> Shared

  2. Create a new folder called DisplayTemplates

  3. MVC will look for this folder to override the default format

  4. Right click on the DisplayTemplates folder and click Add -> View

  5. Fill it out like this, the View name should match the Data Type that we are using:

  6. Delete everything in the file and replace with this:

     @model System.DateTimeOffset?

 <span>
     @(Model.HasValue ? Model.Value.LocalDateTime.ToString("G") : "-")
 </span>

  7. G is the specific format we have chosen, here is a list of other options.

  8. Your view should look like this:

    G is for General date/time pattern (long time)

Next, we'll add the option to star a note.

Git
DateTime View
DateTime View