Angular Bootstrap Datepicker 给了我们日期对象。我想要它作为日期

Posted 2023-03-05

【中文标题】Angular Bootstrap Datepicker 给了我们日期对象。我想要它作为日期

【英文标题】：Angular Bootstrap Datepicker Gives us date object . I want it as Date

【发布时间】：2019-12-15 00:20:54

【问题描述】：

我希望我的日期为“2019 年 8 月 7 日星期三 16:42:07 GMT+0530（印度标准时间）” 但我从 ngbDatepicker 得到 年：1789，月：7，日：14 任何帮助将不胜感激

【问题讨论】：

把你的代码放在这里或者......在stackblitz中

我引用了这个链接stackblitz.com/edit/angular-xnv11x?file=app/datepicker-popup.ts

【参考方案1】：

您必须将对象转换为日期...您可以在 select 方法中执行以下操作：

相关TS：

import Component from '@angular/core';

@Component(
  selector: 'ngbd-datepicker-popup',
  templateUrl: './datepicker-popup.html'
)
export class NgbdDatepickerPopup 
  model;
  convertedDate;
  select(d)
    console.log(d);
    this.convertedDate = new Date(d.year, d.month, d.day);
  

相关HTML：

<div class="input-group ">
    <input id="datepicker" class="form-control col-7" [(ngModel)]="model" placeholder="" ngbDatepicker #date="ngbDatepicker" required (ngModelChange)="select(model)" pattern="[0-9]4[-][0-9]2[-][0-9]2">
    <div class="input-group-append">
        <button class="btn btn-outline-secondary picto-calender" (click)="date.toggle()" type="button"></button>
    </div>
</div>

selected Date: convertedDate

工作stackblitz here

【讨论】：

我想要一个永久的解决方案，我不能为每个日期都写这个。当我再次获得数据时，我必须解析对象中的日期并分配给模型

你想避免转换，而不是你必须使用“ngbd-datepicker”以外的东西......可能是一个普通的HTML日期选择器；否则你必须转换