标签: flatpickr

我正在使用以下 Flatpickr 实例化代码。

$("#entry_date_time").flatpickr({
    enableTime: true,
    altInput: true,
    defaultDate: moment().format("YYYY-MM-DD HH:MM:SS"),
    dateFormat: "YYYY-MM-DD HH:MM:SS",
    minuteIncrement: 1
});

我遇到的问题是moment().format("YYYY-MM-DD HH:MM:SS");给了我正确的数据，但输出$("#entry_date_time").val()等于

2017201720172017-JanJan-SatSat 0000:JanJan:0000

而不是我提供的预期格式。

关于可能导致此问题的任何想法都很棒，感谢您的帮助！

到处搜索这个，但它不在 flatpickr 选项中。我需要一种方法，让用户只能以 15 分钟为间隔选择一个日期。例如： 12:00 12:15 12:30 12:45 .....

任何帮助都会很棒。谢谢

参考- https://flatpickr.js.org/

我的 flatpickrOptions 看起来像：

    public exampleOptions: FlatpickrOptions = {
           enableTime: true,
           dateFormat: 'd.m.Y H:i',
        };

html代码： <ng2-flatpickr [config]="exampleOptions" [(ngModel)]="dateTime"></ng2-flatpickr>

但我得到的是对象而不是字符串。就像是 ：[Wed Oct 04 2017 12:00:00 GMT+0200 (Central European Daylight Time)]

如何获取格式化的日期字符串而不是在我的打字稿方法中？

i am using ember-flatpickr version 2.12.0 and I am facing a formatting issue on mobile devices. I set the property dateFormat to "d.m.Y" which works fine on desktop browsers, but on mobiles formates to "mm/dd/yyyy". Can somebody help me with this? check out the screenshot

• flatpickr version used: 4.5.4

Here is repro link, just switch your browser to responsive mode or check it on mobile. Thank you for advices

const fp = flatpickr(".date", {
	dateFormat: 'd.m.Y'
});

article { …

我在文档中找不到如何仅显示当天的第一个字母。默认情况下，它显示周一周二等...我想像下面的示例一样显示它

https://jsfiddle.net/wdL13cty/8/

window.addEventListener('load', (event) => {

  var datesToEnable = JSON.parse(document.getElementById('dates').innerHTML);
  console.log(datesToEnable);
  var fp = flatpickr(document.querySelector('#flatpickr'), {
    // init flatpicker as an inline NON modal date picker
    // min date today
    // disable all dates
    // enable dates coming from JSON object
    // able to change the datge format if necessary
    inline: 'true',
    altFormat: "F j, Y",
    altInput: true,
    minDate: "today",
    disableMobile: "true",
    enable: datesToEnable.dates,
    onChange: function(selectedDates, dateStr, instance) {
      console.log('date: ', dateStr);
    }
  });

});

我正在尝试使用 Jquery 实现 flatpickr。到目前为止，一切都很好。

我有以下代码，它实际上有效：

flatpickr("#booking_start", {});
flatpickr("#booking_end", {});

不过我想将此代码更改为句点。我试图弄清楚如何使用flatpickr 参考页面来做到这一点：

但是一旦我添加代码"onChange"，我基本上就会收到错误。我知道我很可能会犯语法错误，但我只是陷入了这一点。

flatpickr("#booking_start", { onchange({ alert('hi there') }) });
flatpickr("#booking_end", {});

最后我想把它变成一个周期选择器。因此，当您单击开始日期时，开始日期应自动设置结束日期的最短日期。

但现在我实际上还没有取得进一步的进展。

编辑：

Seb Cesbron 给了我正确的答案！

startPicker = flatpickr("#booking_start", {
  onChange: function(selectedDates, dateStr, instance) {
    endPicker.set('minDate', selectedDates[0]);
  }
});
endPicker = flatpickr("#booking_end", {});

我刚刚下载了flatpickr，它是 JavaScript 中的日期时间选择器。

一些快速参考：示例、格式化令牌和事件

我试图弄清楚如何使用两个日期时间选择器，它们需要相互依赖以避免数据范围选择错误。

到目前为止我有：

确保用户只能选择 2019 年的日期。inputText1 的时间始终为 00:00:00。

去做：

使用 inputText1 onChange 事件将 inputText2 minDate 设置为等于 inputText1 minDate。

inputText2 时间必须始终以 23:59:59 结束

$(document).ready(function(){

  $("#inputText1").flatpickr({
    minDate: "2019-01",
    maxDate: "2019-12",
    dateFormat: "Y-m-d H:i:S",
    // When this input changes, we set a min start date for input2 always equal or greater than from date.
    onChange: function(selectedDates, dateStr, instance) {
      $("#reportFromCustom").html(dateStr);

      // Any ideas?
      //$("#inputText2").flatpickr({ minDate: dateStr });
    }

  });

  $("#inputText2").flatpickr({
    dateFormat: "Y-m-d 23:59:59", …