格式化垫子datepicker Angular并发送到节点JS

发布于 2025-01-24 03:01:24 字数 2430 浏览 1 评论 0原文

我想将日期发送到存储日期,但2022-04-26T18:30:00.000Z这是我要获得的格式,我想像26-04-2022

我的Angular HTML

<mat-form-field color="accent" appearance="fill">
  <mat-label>Custom calendar color</mat-label>
  <input matInput [matDatepicker]="picker2">
  <mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
  <mat-datepicker #picker2 color="primary"></mat-datepicker>
</mat-form-field>

应该如何更改它,应该在Angularnode.js api上进行。确切地说,我正在从Angular发送更多值,例如拥有一些额外的输入框并以形式值发送。如果我想在API中执行此操作,我应该如何将日期和格式化为

我的api </

app.post('/path', function (req, res){
      var data = req.body;
var onedata;
   fs.readfile('filepath', 'utf8', function(err, data){
     if(data){
        onedata = JSON.parse(data)
        onedata.push(data)
}
fs.writefile('filepath', 'utf8', function(err, data){
     if(err){
        throw err;
          res.send("success");
}

strong API是我在文件中写的

full html html angular的方式

<form>
  <mat-form-field appearance="outline">
    <mat-label>Outline form field</mat-label>
    <input matInput placeholder="Placeholder">
    <mat-icon matSuffix>sentiment_very_satisfied</mat-icon>
    <mat-hint>Hint</mat-hint>
  </mat-form-field>

  <mat-form-field appearance="outline">
    <mat-label>Outline form field</mat-label>
    <input matInput placeholder="Placeholder">
    <mat-icon matSuffix>sentiment_very_satisfied</mat-icon>
    <mat-hint>Hint</mat-hint>
  </mat-form-field>

  <mat-form-field appearance="outline">
    <mat-label>Outline form field</mat-label>
    <input matInput placeholder="Placeholder">
    <mat-icon matSuffix>sentiment_very_satisfied</mat-icon>
    <mat-hint>Hint</mat-hint>
  </mat-form-field>

<mat-form-field color="accent" appearance="fill">
  <mat-label>Custom calendar color</mat-label>
  <input matInput [matDatepicker]="picker2">
  <mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
  <mat-datepicker #picker2 color="primary"></mat-datepicker>
</mat-form-field>
</form>

I wanna send date to node to store but 2022-04-26T18:30:00.000Z this is the format I am getting I wanna get like this 26-04-2022

My Angular HTML

<mat-form-field color="accent" appearance="fill">
  <mat-label>Custom calendar color</mat-label>
  <input matInput [matDatepicker]="picker2">
  <mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
  <mat-datepicker #picker2 color="primary"></mat-datepicker>
</mat-form-field>

how should I change it should I do it in angular or on node.js API. To be precise I am sending more values from angular like having some extra Input box and sending as form value. If I wanna Do this in api how should i separate the date and format it

My API

app.post('/path', function (req, res){
      var data = req.body;
var onedata;
   fs.readfile('filepath', 'utf8', function(err, data){
     if(data){
        onedata = JSON.parse(data)
        onedata.push(data)
}
fs.writefile('filepath', 'utf8', function(err, data){
     if(err){
        throw err;
          res.send("success");
}

above api is how i wrote in my file

Full HTML angular for reference

<form>
  <mat-form-field appearance="outline">
    <mat-label>Outline form field</mat-label>
    <input matInput placeholder="Placeholder">
    <mat-icon matSuffix>sentiment_very_satisfied</mat-icon>
    <mat-hint>Hint</mat-hint>
  </mat-form-field>

  <mat-form-field appearance="outline">
    <mat-label>Outline form field</mat-label>
    <input matInput placeholder="Placeholder">
    <mat-icon matSuffix>sentiment_very_satisfied</mat-icon>
    <mat-hint>Hint</mat-hint>
  </mat-form-field>

  <mat-form-field appearance="outline">
    <mat-label>Outline form field</mat-label>
    <input matInput placeholder="Placeholder">
    <mat-icon matSuffix>sentiment_very_satisfied</mat-icon>
    <mat-hint>Hint</mat-hint>
  </mat-form-field>

<mat-form-field color="accent" appearance="fill">
  <mat-label>Custom calendar color</mat-label>
  <input matInput [matDatepicker]="picker2">
  <mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
  <mat-datepicker #picker2 color="primary"></mat-datepicker>
</mat-form-field>
</form>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梦在深巷 2025-01-31 03:01:24

您想安装MOMM JS,

npm install moment --save

它将帮助您格式化日期,但是您希望在这里看到更多 - &gt;&gt;
moment js

You want to install moment js

npm install moment --save

It will help you to format your date however you want You can see more here --->>
moment js

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文