angular日期输入框html,html5 – Angular2:日期格式文本框ngModel不起作用

"在Angular2应用中,博主遇到一个表单日期输入的问题,模型对象的日期属性是Date类型,但HTML5的`type="date"`输入框没有正确显示预设的日期。尝试将类型改为`type="text"`虽然能看到日期,但失去了日期选择器且不友好。博主不想使用字符串格式的日期或者JavaScript来解决这个问题,寻求一个更简洁的处理方式。"
摘要由CSDN通过智能技术生成

还在学习Angular2.有一个表单,我有一个startDate和endDate,我希望每个都有输入项.我正在使用与模型对象的双向绑定到表单.

我的模型的日期属性是Date类型:

public EndDate: Date,

当我运行它并绑定具有有效日期的模型时,它只在文本框中显示mm / dd / yyyy.我认为HTML5 type =“date”支持.但它没有显示实际日期.它内置了日期选择器,非常好,但没有显示属性中已有的日期.

如果我将type =“date”更改为type =“text”,我会看到2018-12-31T00:00:00之类的内容,并且会丢失我的日期支持,此外,这不是用户友好的.

我试图避免:

1)必须使用错误的数据类型(字符串)并将我的日期格式化为字符串以供使用 – 这似乎是一个坏主意和实践

2)使用Javascript post表单显示尝试使用字符串格式的日期文本覆盖该值

有没有更简单的方法来处理这个?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值