Convert Firebase Cloud Functions timestamp to 'MM,DD,YYYY' format

Question

Convert Firebase Cloud Functions timestamp to 'MM,DD,YYYY' format

Utilizing firebase functions, I am trying to retrieve a date that is 30 days from the current date in MM-DD-YYYY format. However, when attempting to import datepipe, I encountered an error stating: Detailed stack trace: Error: Cannot find module '@angular/common'.

index.ts:

import * as functions from "firebase-functions";
import * as admin from "firebase-admin";

admin.initializeApp();

exports.scheduledFunction =
 functions.pubsub.schedule("every 5 minutes").onRun((context) => {
   const currentDate = new Date();
   const targetDate = new Date().setDate(currentDate.getDate() + 30);
   console.log("Target Date" + targetDate);
   admin.database().ref("reservations/").update({zafer: "zafer5353"});
   return null;
 });

Console.log(targetDate) output is :1648669741663 How can I convert it to MM-DD-YYYY

package.json in functions:

{
  "name": "functions",
  "scripts": {
    "lint": "eslint --ext .js,.ts .",
    "build": "tsc",
    "serve": "npm run build && firebase emulators:start --only functions",
    "shell": "npm run build && firebase functions:shell",
    "start": "npm run shell",
    "deploy": "firebase deploy --only functions",
    "logs": "firebase functions:log"
  },
  "engines": {
    "node": "16"
  },
  "main": "lib/index.js",
  "dependencies": {
    "@angular/common": "^13.2.4",
    "@angular/fire": "^7.2.1",
    "firebase": "^9.6.7",
    "firebase-admin": "^9.8.0",
    "firebase-functions": "^3.14.1"
  },
  "devDependencies": {
    "@typescript-eslint/eslint-plugin": "^3.9.1",
    "@typescript-eslint/parser": "^3.8.0",
    "eslint": "^7.6.0",
    "eslint-config-google": "^0.14.0",
    "eslint-plugin-import": "^2.22.0",
    "firebase-functions-test": "^0.2.0",
    "typescript": "^3.8.0"
  },
  "private": true
}

angular typescript google-cloud-functions

Answer 1

Answer №1

To achieve your desired outcome, consider utilizing the toLocaleDateString() method.

Below are various options for formatting dates:

// The examples below assume the local time zone of the specified locale;
// For instance, America/Los_Angeles for the US

// In US English, the format is month-day-year
console.log(date.toLocaleDateString('en-US'));
// → "12/20/2012";

// British English follows a day-month-year format
console.log(date.toLocaleDateString('en-GB'));
// → "20/12/2012";

// Korean utilizes a year-month-day order
console.log(date.toLocaleDateString('ko-KR'));
// → "2012. 12. 20.";

// Persian requires special handling due to Solar Hijri date system
console.log(date.toLocaleDateString('fa-IR'));
// → "۱۳۹۱/۹/۳۰";

// Arabic speaking countries use real Arabic digits
console.log(date.toLocaleDateString('ar-EG'));
// → "٢٠‏/١٢‏/٢٠١٢";

// Japanese applications may opt for the Japanese calendar format
console.log(date.toLocaleDateString('ja-JP-u-ca-japanese'));
// → "24/12/20";

// When selecting an unsupported language like Balinese, include a fallback language like Indonesian
console.log(date.toLocaleDateString(['ban', 'id']));
// → "20/12/2012";

For a complete code reference, see below:

import * as functions from "firebase-functions";
import * as admin from "firebase-admin";

admin.initializeApp();

exports.scheduledFunction =
functions.pubsub.schedule("every 5 minutes").onRun((context) => {
   const a = new Date();
   const targetDate = new Date().setDate(a.getDate() + 30);
   const targetDateFormat = new Date(targetDate).toLocaleDateString("en-US", {
     year: "numeric",
     month: "2-digit",
     day: "2-digit"
   });
   console.log("Target Date: " + targetDateFormat);

   admin.database().ref("reservations/").update({zafer: "zafer5353"});
   return null;
 });

You can also customize the year, month, and date formats. Refer to this link for more details.

Another approach is using date objects. By accessing getters listed here, you can extract specific values and construct the desired string:

const curr_date = ("0" + new Date(targetDate).getDate()).slice(-2);
// Adding +1 because January starts at index 0, not 1
const curr_month = ("0" + (new Date(targetDate).getMonth() + 1)).slice(-2);
const curr_year = new Date(targetDate).getFullYear();

// Output will be in the format: 03-31-2022
console.log(curr_month + "-" + curr_date + "-" + curr_year);

Answer 2

To achieve your desired outcome, consider utilizing the toLocaleDateString() method.

Below are various options for formatting dates:

// The examples below assume the local time zone of the specified locale;
// For instance, America/Los_Angeles for the US

// In US English, the format is month-day-year
console.log(date.toLocaleDateString('en-US'));
// → "12/20/2012";

// British English follows a day-month-year format
console.log(date.toLocaleDateString('en-GB'));
// → "20/12/2012";

// Korean utilizes a year-month-day order
console.log(date.toLocaleDateString('ko-KR'));
// → "2012. 12. 20.";

// Persian requires special handling due to Solar Hijri date system
console.log(date.toLocaleDateString('fa-IR'));
// → "۱۳۹۱/۹/۳۰";

// Arabic speaking countries use real Arabic digits
console.log(date.toLocaleDateString('ar-EG'));
// → "٢٠‏/١٢‏/٢٠١٢";

// Japanese applications may opt for the Japanese calendar format
console.log(date.toLocaleDateString('ja-JP-u-ca-japanese'));
// → "24/12/20";

// When selecting an unsupported language like Balinese, include a fallback language like Indonesian
console.log(date.toLocaleDateString(['ban', 'id']));
// → "20/12/2012";

For a complete code reference, see below:

import * as functions from "firebase-functions";
import * as admin from "firebase-admin";

admin.initializeApp();

exports.scheduledFunction =
functions.pubsub.schedule("every 5 minutes").onRun((context) => {
   const a = new Date();
   const targetDate = new Date().setDate(a.getDate() + 30);
   const targetDateFormat = new Date(targetDate).toLocaleDateString("en-US", {
     year: "numeric",
     month: "2-digit",
     day: "2-digit"
   });
   console.log("Target Date: " + targetDateFormat);

   admin.database().ref("reservations/").update({zafer: "zafer5353"});
   return null;
 });

You can also customize the year, month, and date formats. Refer to this link for more details.

Another approach is using date objects. By accessing getters listed here, you can extract specific values and construct the desired string:

const curr_date = ("0" + new Date(targetDate).getDate()).slice(-2);
// Adding +1 because January starts at index 0, not 1
const curr_month = ("0" + (new Date(targetDate).getMonth() + 1)).slice(-2);
const curr_year = new Date(targetDate).getFullYear();

// Output will be in the format: 03-31-2022
console.log(curr_month + "-" + curr_date + "-" + curr_year);

Convert Firebase Cloud Functions timestamp to 'MM,DD,YYYY' format

Answer №1

Similar questions

On localhost, Angular 2 route parameters are automatically converted to lowercase, while they stay capitalized on the server

Angular 2 Ahead-of-Time compiler: all clear on the error front, yet a nagging feeling of

Analyzing elements within an array using Angular 4

A simple method in JavaScript/TypeScript for converting abbreviations of strings into user-friendly versions for display

Transferring all instructions to a subordinate element within the component

Error message: 'React TypeScript: (props: OwnProps) => Element' cannot be assigned to type 'FunctionComponent<{}>'

Comparing Angular i18n JSON files automatically for consistency checks

What is the best way to account for the 'elvis operator' within a given expression?

Ag-Grid filter not displaying

Using React Material UI in VSCode with TypeScript significantly hampers autocompletion speed

Retrieve the property of a Typescript object using a template argument

The interfaces being used in the Redux store reducers are not properly implemented

Struggling to understand the usage of FromBody in ASP.NET Core

Troubleshooting the failure of chaining functions in Angular2 during an HTTP request

I'd like some clarification on the code that dynamically adds routes using Typescript and Node Express. Can someone please

Creating a channel for communication between sibling components in Angular 4 by storing component references in a shared service

What prevents `console.log` from working within a button click event?

Storing file paths as string variables in Angular: a quick guide

Preventing Button Clicks in Angular 2 When Form Data is Modified

What is the best way to set up the typeRoots option for proper configuration