使用 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>

还尝试添加为内联属性

format = "yyyy/mm/dd"

还是不行。

任何帮助

Answer 1

可以使用moment.js，通过设置

来设置格式

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

这将是初始输入日期显示格式。对于 displaying/processing 其他所需格式的日期，请使用

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，可以fdo以下

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。您可以通过更改 return parts.join("-"); 从 '-' 更改为 '/'；您可以重新排列零件以通过零件数组

应用 mm/dd/yyyy

使用 pikaday 时如何格式化日期

how do I format date when using pikaday

javascript

angularjs

pikaday