首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用Pikaday设置默认时间

使用Pikaday设置默认时间
EN

Stack Overflow用户
提问于 2017-09-15 08:21:40
回答 2查看 4.8K关注 0票数 3

我正在使用Pikaday的欧文米德叉子,其中包括时间选择(可以找到这里)。是否有一种方法可以使用time-picker设置JavaScript的默认时间?

以下是我到目前为止所拥有的:

代码语言:javascript
复制
 var timepicker = new Pikaday({
            field: document.getElementById('<%= datetimepicker.ClientID %>'),
            firstDay: 1,
            minDate: new Date(2000, 0, 1),
            maxDate: new Date(2100, 12, 31),
            yearRange: [2000, 2100],
            showTime: true,
            autoClose: true,
            timeLabel: "Time In Work: ",
            use24hour: true,
            incrementMinuteBy: 5,
            format: 'DD-MMM-YYYY HH:mm',
            disableDayFn: function(date) {
                return moment().isBefore(moment(date), 'day');
            }
 });

如果没有,我怎样才能绕过这样的事情呢?我从来没有分叉过一个项目从吉特布之前,我不知道从哪里开始。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-09-15 08:28:03

使用setDate方法。

代码语言:javascript
复制
timepiker.setDate()

编辑

如下所示:

代码语言:javascript
复制
var timepicker = new Pikaday({
  field: document.getElementById('<%= datetimepicker.ClientID %>'),
  firstDay: 1,
  minDate: new Date(2000, 0, 1),
  maxDate: new Date(2100, 12, 31),
  yearRange: [2000, 2100],
  showTime: true,
  autoClose: true,
  timeLabel: "Time In Work: ",
  use24hour: true,
  incrementMinuteBy: 5,
  format: 'DD-MMM-YYYY HH:mm',
  disableDayFn: function(date) {
    return moment().isBefore(moment(date), 'day');
  }
});
timepicker.setDate(new Date('14-Sep-2017 09:00:00'));
票数 6
EN

Stack Overflow用户

发布于 2019-12-10 04:27:36

当我在Vue.Js项目中使用时,我必须将默认日期设置为表单中的date字段。我尝试过设置默认日期的许多不同版本。但他们不是为我工作的。最后,我找到了解决我的情况的办法。解决方案是在这里设置像auto-default="autoDefault"这样的道具,autoDefault等于true到Pikaday组件,就像这样……

代码语言:javascript
复制
<vue-pikaday v-model='date' auto-default="autoDefault" :options="pikadayOptions" />

 data() {
    return {
       autoDefault : true,
       pikadayOptions: {
           format  : 'YYYY/MM/DD',
           minDate : moment().toDate(),
       },
   }
},
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46234954

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档