【问题标题】:Convert date string ddmmyy to dd/mm/yyyy in type script在打字稿中将日期字符串 ddmmyy 转换为 dd/mm/yyyy
【发布时间】:2020-04-27 14:38:44
【问题描述】:

在日期选择器 onchange 方法中,我已将日期作为字符串传递给 ddmmyyyy (20102020) 到 dd/mm/yyyy。我不知道如何将日期格式转换为dd/mm/yyyy.In customerDateParserFormatter 字符串需要从 ddmmyyyy 转换为 dd/mm/yyyyy

@Injectable()
export class CustomDateParserFormatter {
    parse(value: string): NgbDateStruct {
        if (!value) {
            return null;
        }
        const parts = value;
        parts.split('/');
        console.log("first calling");
        return { year: +parts[0], month: +parts[1], day: +parts[2] } as NgbDateStruct;

    }
    format(date: NgbDateStruct): string {
        // tslint:disable-next-line:prefer-template
        console.log("second calling");
        return date ? ('0' + date.day).slice(-2) + '/' + ('0' + date.month).slice(-2) + '/' + date.year : null;
    }
}

    <input class="form-control"
           placeholder="DD/MM/YYYY"
           ngbDatepicker
           formControlName="dateofBrith"
           [minDate]="{year: 1975, month: 1, day: 1}"
           [maxDate]="{year: 2020, month: 12, day: 31}"
           name="dp"
           #d="ngbDatepicker"
           (ngModelChange)="changeDob($event)"
           maxlength="10">
        <div class="input-group-append">
            <button class="btn calendar btn-custom btn-outline-secondary"
                    (click)="d.toggle()"
                    type="button"><img src="/assets/images/dateicon.png"></button>
        </div>

    changeDob(value) {}

在这种方法中,我从日期选择器中获取值,单击为{year:2020,month:10,day:10}。同时,用户输入日期而不是在输入字段中单击,我将值作为字符串接收。我不知道如何转换格式,也不知道继续。请理解我的问题。

【问题讨论】:

  • 我已经回答了这个问题。检查this链接中的第二个答案

标签: angular typescript frontend bootstrap-datepicker


【解决方案1】:

我已经在这里回答了这个问题。检查this 链接中的第三个答案。我用过 yyyy-mm-dd,你可以在 typescript 代码中使用 dd-mm-yyyy 格式。只需将最后一行修改为
let finalDate = day + "/"+ month + "/" + year ;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-05-19
    • 2017-10-21
    • 2011-11-01
    • 1970-01-01
    • 2019-08-02
    • 2014-08-09
    • 2018-03-27
    相关资源
    最近更新 更多