使用pikaday时如何格式化日期

时间:2016-07-19 10:50:27

标签: javascript angularjs pikaday

我正在使用pikaday模块作为datepicker,但格式是不合适的格式。我尝试添加这行代码但仍无法正常工作:

.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”

仍然无法正常工作。

任何帮助

2 个答案:

答案 0 :(得分:2)

您可以使用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');
    }
});

答案 1 :(得分:0)

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

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