使用pikaday时如何格式化日期？

Question

我正在使用pikaday模块进行数据交换，但是这种格式是不适当的。我尝试添加这一行代码，但仍然无法工作：

.config(['pikadayConfigProvider', function (pikaday) {
    pikaday.setConfig({
        numberOfMonths: 1,
        format: "YYYY/MM/DD"
    });
}]) 

我的html是这样的：

<div class="modal-body">
  <form role="form">
    <div class="form-group">
      <input type="text" class="form-control" pikaday="myPickerObject" name="time" ng-model="clas.class_.time" placeholder="Enter time" tabindex="3">
    </div>
  </form>
</div>

还尝试将其添加为内联属性。

格式= "yyyy/mm/dd“

还是不起作用。

任何帮助

Answer 1

您可以使用moment.js并通过设置

defaultDate : moment().format("MMM YYYY")

这将是初始输入日期显示格式。若要以其他所需格式显示/处理日期，请使用

var field = document.getElementById('datepicker');
var picker = new Pikaday({
onSelect: function(date) {
    field.value = this.getMoment().format('Do MMMM YYYY');
    }
});

Answer 2

使用moment.js设置日期格式：

var picker = new Pikaday(
{
    field: document.getElementById('eDate'),
    toString(date, format) { // using moment
        return moment(date).format('MM/DD/YYYY');
    },
});

Answer 3

快速更新，如果您不想使用moment.js，您可以进行以下操作

new Pikaday({
    field: document.getElementById('eDate'), 
    toString: function(date) {
        var parts = [('0'+date.getDate()).slice(-2), ('0'+(date.getMonth()+1)).slice(-2), date.getFullYear()];
        return parts.join("-");
    }
})

这将产生18-07-1980年.您可以通过更改返回parts.join(“-”)将'-‘改为'/’；还可以通过部件数组重新排列部件以应用mm/dd/yyyy。