'How to insert current date time in vscode?

Does anyone know of a way that I can insert the current date & time in a visual studio code by snippets?

I have looked docs but did not get any information about it.

I want to create a snippets like this：

title: theFileTitle
date: 2016-08-05 09:44:16

visual-studio-code

Solution 1:^[1]

I have created an extension for you that allows to insert formatted date and/or time string - Insert Date String.

Installation

Open Command Palette by pressing F1, type ext install + press Enter and then look for Insert Date String extension.

Usage

To insert current date and/or time at the cursor position you can:

Press ?+?+I (OS X) or Ctrl+Shift+I (Windows and Linux), or open Command Palette by pressing F1 and type Insert DateTime then press Enter.

Configuration

By default you don't have to set anything. But if you want to change the datetime format, look for insertDateString.format option in user settings.

// Date format to be used.
"insertDateString.format": "YYYY-MM-DD hh:mm:ss",

You can specify any valid ISO 8601 format. There are some examples in readme.

Snippet

Unfortunately you can't use anything more than tab stops or variables in snippets so you'll have to enter the title and date/time manually.

You can define snippets for specific languages. To open a snippet file for editing, open User Snippets under File > Preferences (Code > Preferences on Mac OS X) and select the language for which the snippets should appear.

Following example is for Plain Text files.

After opening a snippet file for Plain Text, add following definition:

{
     "File header": {
        "prefix": "header",
        "body": [
            "title: ${title:Enter title}",
            "date: ${date:Insert datetime string (??I or Ctrl+Shift+I)}"
        ]
    }
}

Now you can open a new plaintext file, enter header and press Tab. Enter your title and use Insert DateTime command to insert current date and/or time.

Idea for a more customizable solution

One could write an extension for inserting such headers. This way some sort of templates with several predefined variables (e.g. date, filename, configurable username/email, etc.) might be used.

Hope this helps!!

Solution 2:^[2]

As of Jan 2018 (release 1.20) you can use these new snippet environment variables.

Your example above would look like this:

"File Header": {
    "prefix": "header",
    "description": "Output a file header with the file name and date",
    "body": [
        "title: $TM_FILENAME",
        "date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
    ]
}

Type head, press ctrl+space and it should show snippet menu.

Solution 3:^[3]

if you don't want create a snippet, there is a simple way, using keybindings.

open keybindings.json (Preferences: Open Keyboard Shortcuts (JSON)), and add fellow code to your keybindings.json

[
    {
        "key": "cmd+k t",
        "command": "editor.action.insertSnippet",
        "when": "editorTextFocus",
        "args": {
            "snippet": "$CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND"
        }
    }
]

that's all.

now you can use cmd+k t to insert current data time while typing.

Solution 4:^[4]

The env variable TM_FILENAME will fill the title with the file name automatically.

For example:

"title: ${1:$TM_FILENAME_BASE}"

Solution 5:^[5]

You can just use the following variables in your snippets:

$CURRENT_YEAR
$CURRENT_YEAR_SHORT
$CURRENT_MONTH
$CURRENT_DATE
$CURRENT_HOUR
$CURRENT_MINUTE
$CURRENT_SECOND

Links to the official VSCode docs:
date and time in snippets
user defined snippets

Solution 6:^[6]

You could also use a tool outside of Code, like for example Texter. I have configured it to replace [t with [%ds %t], which gives me [9/11/2017 16:30] while I type, regardless of application.

Solution 7:^[7]

For more complex datetime expressions than vscode snippets can do, see Command Variable extension. It uses the Intl.DateTimeFormat format and can be used in a keybinding like so:

 {
    "key": "alt+d",
    "when": "editorTextFocus",
    "command": "extension.commandvariable.dateTimeInEditor",

    "args": {
      "locale": "en-US",
      "options": {
        "year": "numeric",
        "month": "long",
        "weekday": "long",
        "day": "2-digit",
        "hour12": false,
        "hour": "2-digit",
        "minute": "2-digit",
        "second": "2-digit"
      },
      "template": "${month} ${day}, (${weekday}), ${year} - ${hour}:${minute}::${second}"
    }
  },

to produce

March 25, (Wednesday), 2020 - 21:16::49

and many other timestamp versions. See the possibilities at Intl.DateTimeFormat

Solution 8:^[8]

It might be a bit of an overkill but you can check Org Mode extension which has this functionality and more:

Solution 9:^[9]

You can use this snippet for Vscode, I used to refer to this in my code files.


"file description": {
  "prefix": "template",
  "body": [
    "\"\"\"",
    "# _* coding: utf8 *_",
    "",
    "filename: $TM_FILENAME",
    "",
    "@author: sounishnath",
    "createdAt: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
    "\"\"\"",
    "",
    ""
  ],
  "description": "file description"
}

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	attomos
Solution 2	rofrol
Solution 3	jianyongli
Solution 4	James Skemp
Solution 5	fst1
Solution 6	Bert Van Landeghem
Solution 7	Mark
Solution 8	Vladimir Iashin
Solution 9	sounish nath

'How to insert current date time in vscode?

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Solution 4:[4]

Solution 5:[5]

Solution 6:[6]

Solution 7:[7]

Solution 8:[8]

Solution 9:[9]