What is the best way to obtain the date time format when making an Ajax request?

I am looking to create an Excel file named "myOrder" with a suffix of the current date. Is there a way to generate a filename in the format of "yyyyMMddhhmmss", for example, "20220704073533"?

   $.ajax({
        url: kendo.format('@(Server.UrlDecode(Url.Action("myExcel", "NewOrder", new { orderKeys = "{0}" })))', ids.join()),
        method: 'POST',
        xhrFields: {
            responseType: 'blob'
        },
        success: function (data) {
            var downloadDate = new Date().toISOString().replace(/[:-]/g,"").slice(0,14);
            var a = document.createElement('a');
            var url = window.URL.createObjectURL(data);
            a.href = url;
            a.download = 'myOrder_' + downloadDate + '.xlsx';
            document.body.append(a);
            a.click();
            a.remove();
            window.URL.revokeObjectURL(url);
        }

    });
javascriptajaxjquery-ui

Answer №1

I created a function that looks like this:

function GetFormattedDateTime() {

    var currentDate = new Date();

    var month = (currentDate.getUTCMonth() + 1).toString().padStart(2, "0");      
    var day = currentDate.getUTCDate().toString().padStart(2, "0");
    var year = currentDate.getUTCFullYear().toString().padStart(4, "0");
    var hours = currentDate.getUTCHours().toString().padStart(2, "0");
    var minutes = currentDate.getUTCMinutes().toString().padStart(2, "0");
    var seconds = currentDate.getUTCSeconds().toString().padStart(2, "0");

    var formattedDateTime = year + month + day + hours + minutes + seconds;

    return formattedDateTime;
}

Then...

<script src="~/Scripts/GetFormattedDateTime.js"></script>

var currentDateTime = GetFormattedDateTime();

And in the Ajax-call:

 a.download = 'myFile' + currentDateTime + '.xlsx';

This solution worked perfectly for me.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

`Sending PHP variables to AJAX - A Step-by-Step Guide`

I've been trying to access session variable data within an ajax call, but I'm facing a roadblock. Here's my code snippet. $('#update').click(function(){ var number = $('#num').val(); ...

phpjqueryajax

Exploring the differences between utilizing Node JS Express for server-side development and displaying console output to

Recently, I started delving into the world of node js and came across IBM's speech to text sample application (https://github.com/watson-developer-cloud/speech-to-text-nodejs). This app utilizes the express framework and showcases transcribed audio fr ...

javascriptnode.jsexpress

"Big Cartel - Effortless File Upload and Geolocation with JQuery

Check out my site here: I've been experimenting with images on my product pages and even created a test page. I have a few questions that I can't seem to figure out: Where should I host a jquery file? Do I need to include the jquery src for b ...

javascriptjqueryhtmlcssbigcartel

Utilizing the Model URL Parameter in VueJS

In the context of , my objective is to dynamically modify a range input element and reflect that change in the URL. // Incorporating URL update with range input manipulation var Hello = Vue.component('Hello', { template: ` <div> &l ...

javascriptnode.jsvue.jsvue-router

How can you use $_REQUEST in PHP to fetch an array of inputs for database insertion?

I have a webpage where I am utilizing AJAX to transfer inputs to a PHP file for database entry. The following is my JavaScript code: var pageLoaded = function () { var submitButton = document.getElementById("submit"); if (submitButton) { submitButton. ...

javascriptphpajaxarraysxmlhttprequest

What is the best way to utilize jquery's $.ajax function in conjunction with json and php to upload a file?

Can someone assist me with uploading a file using jQuery's $.ajax function? I am not getting any output and I'm unsure if my script is correct. Here is the code: $.ajax({ url:'newsup.php', data: "", type: 'POST', cont ...

phpjqueryajaxjson

Discovering the value of a checkbox using jQuery and Ajax

I have a challenge with sending the state of multiple checkboxes on my page back to the database using ajax. While I am comfortable working with jquery and ajax for SELECT and OPTIONS elements, I am struggling to do the same for checkboxes and extracting t ...

javascriptjqueryajaxcheckbox

The jQuery plugin embedded in the Joomla 3.2 module fails to load or function properly

Seeking help with a JavaScript issue on my Joomla website. I'm not an expert, so please bear with me. I am using a regular plugin (not a Joomla specific one) to display my portfolio. It should work like this: ... black.html This is how it shouldn&a ...

javascriptphpjqueryhtmljoomla

Is there a way to trigger a function after a tooltip or popover is generated using Twitter Bootstrap?

Is there a way to manipulate a tooltip or popover with twitter bootstrap after it has been created? It seems like there isn't a built-in method for this. $('#selector').popover({ placement: 'bottom' }); For instance, what if I ...

javascriptjquerytwitter-bootstrap

Using CSS3 to apply transformations to multiple divs based on their individual attributes

I am currently developing JavaScript code that will enable the use of HTML like the example below: <div class="box" data-vert-speed="7">ContentDiv1</div> <div class="box" data-hori-speed="10">ContentDiv2</div> <di ...

javascripthtmlcssscrolltransform

Send the 'key' parameter to the React component

Attempting to pass a parameter named "key" to a react component is resulting in it not functioning properly. However, when I use "keyy" instead of "key," it works as intended. It appears that using "key" as a parameter name may be causing issues due to it ...

javascriptreactjs

Uploading Files Asynchronously in Asp.net

Despite the abundance of examples and samples available for asynchronously uploading files using code, I haven't been able to find one that works for me. I've tried placing the update panel, but unfortunately the File Uploader isn't functio ...

asp.net.netajaxasp.net-ajax

The latest error in the Next.js 13 app directory: React child is not valid (detected: [object Promise])

I am currently utilizing the new app directory feature in Next.js 13. Within my project, I have a page component located at app/page.tsx. This component contains the following code snippet: "use client"; import { useState } from "react" ...

javascriptreactjsnext.jsreact-server-components

Inspect the render function in the 'RestApi' class

I encountered the following error: Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined ...

javascriptreact-nativeexpo

What is the method to invoke a function within another function in Angular 9?

Illustration ` function1(){ ------- main function execution function2(){ ------child function execution } } ` I must invoke function2 in TypeScript ...

javascriptangulartypescriptangular-servicesnested-function

Want to learn how to create an image magnifier using just one image?

At first, I created an image magnifier that would zoom in when the user hovered over the image. However, now I am looking to switch to a lens zooming method that uses only one image. ...

javascriptjquery

Is it possible to conceal my Sticky Div in MUI5 once I've scrolled to the bottom of the parent div?

Sample link to see the demonstration: https://stackblitz.com/edit/react-5xt9r5?file=demo.tsx I am looking for a way to conceal a fixed div once I reach the bottom of its parent container while scrolling down. Below is a snippet illustrating how I struct ...

javascriptcssreactjstypescriptmaterial-ui

Converting MongoDB Queries to MySQL in Node: A Step-by-Step Guide

I am currently facing a challenge where I need to migrate my app's database from mongoDB to mysql. The application was initially developed using node.js, but I encountered an issue with the "Create table" query while attempting the conversion process. ...

javascriptmysqlmongodb

When trying to inject HTML into AngularJS elements, the data binding may not function

I attempted to reference the documentation but it appears that I may be overlooking something. My goal is to inject HTML that is connected to a JSON object. It functions correctly when the HTML is explicitly declared, however, upon injection and callin ...

javascriptangularjs

Modified the object path and updated the Dirty stages for nested objects within Vue state

Imagine having an object that contains arrays of objects in some properties. Whenever changes are made to any field, whether it's within an object in an array or the main object itself, you want to mark that object as "dirty" using a code snippet like ...

javascriptvue.js