将日期格式设置为ui.boostrap.datepicker

Question

我需要设置一个datepicker值的格式，我的datepicker：

div {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
}

我希望<input id="date" name="date" type="text" uib-datepicker ng-model="vm.date"> 格式为vm.date，目前日期选择器显示为：

那么有什么属性可以做到吗？或者我是否必须做this？

Answer 1

我不完全确定我理解你的问题，但uib-datepicker-popup指令采用你想要的日期格式。有关详细信息，请参阅these docs。

另外，我们刚刚添加了对多种日期格式的支持，即输入是可接受格式的数组，而不是只有一种。但请注意，此功能仅在master中可用，并且将在即将发布的1.0.0版本中提供。

Answer 2

您可以在模板侧设置，而不是在范围上设置，这样可以使事情变得更容易。

    <pre>Selected date is: <em>{{dt|date:'dd-MM-yyyy' }}</em></pre>

plunk