Angular UI 日期选择器 - 来自 API 的日期格式
Angular UI datepicker - date format from API
我正在使用 Angular UI 日期选择器组件。当我的数据来自 API 时,我在 JSON:
中得到这种格式的日期
"date": "2015-10-21T00:00:00"
日期选择器正确地将输入字段中的日期格式设置为“2015 年 10 月 21 日”。但是,如果我单击表单上的提交按钮而不进行任何更改,日期字段将无法通过验证。
如果我像这样将日期模型设置为日期对象(而不是字符串),在 JSON 加载后:
vm.date = new Date();
然后验证工作。
因此,当使用字符串值作为模型时,日期选择器组件似乎没有正确设置日期。
有什么办法可以解决这个问题?
这里是一个 link 的 plunkr:
http://plnkr.co/edit/gAhme7fmIPgbojYVJlNU?p=preview
如果您使用日期选择器日历选择日期,则效果很好。但是如果使用按钮设置日期,就像使用 JSON API 数据一样,则验证失败。
查看源代码似乎 model date
可以设置为时间戳(数字)或日期对象,但不能设置为字符串。字符串应作为输入值,并将使用您的自定义数据格式 dd MMMM yyyy
.
进行解析
我正在使用 Angular UI 日期选择器组件。当我的数据来自 API 时,我在 JSON:
中得到这种格式的日期"date": "2015-10-21T00:00:00"
日期选择器正确地将输入字段中的日期格式设置为“2015 年 10 月 21 日”。但是,如果我单击表单上的提交按钮而不进行任何更改,日期字段将无法通过验证。
如果我像这样将日期模型设置为日期对象(而不是字符串),在 JSON 加载后:
vm.date = new Date();
然后验证工作。
因此,当使用字符串值作为模型时,日期选择器组件似乎没有正确设置日期。
有什么办法可以解决这个问题?
这里是一个 link 的 plunkr: http://plnkr.co/edit/gAhme7fmIPgbojYVJlNU?p=preview
如果您使用日期选择器日历选择日期,则效果很好。但是如果使用按钮设置日期,就像使用 JSON API 数据一样,则验证失败。
查看源代码似乎 model date
可以设置为时间戳(数字)或日期对象,但不能设置为字符串。字符串应作为输入值,并将使用您的自定义数据格式 dd MMMM yyyy
.