Flatpickr日历显示错误的默认日期

时间:2018-01-25 16:10:06

标签: date calendar facet flatpickr

我在wordpress中安装了facetwp,搜索完成后,搜索小部件在搜索前没有显示正确的日期

如何通过javascript覆盖此显示问题(选定日期)?

要查看此问题,请执行以下操作:https://www.sweetpictures.com.my/product-category/photographers/?fwp_photo=2018-01-31%2C2018-01-31%2C1&fwp_productcategory=ampang&fwp_expertise=wedding-reception

假设日历选择器的选择日期是2018年1月31日 但相反它显示2018年8月20日

亲切的帮助和帮助

1 个答案:

答案 0 :(得分:1)

使用Flatpickr的文档将默认日期设置为您想要的日期:https://chmln.github.io/flatpickr/examples/#supplying-dates-for-flatpickr

这样你可以将以下参数添加到flatpickr实例:

//example with jQuery
$('#your-date-element').flatpickr({
   minDate: 'today',
   dateFormat: 'd/m/Y'
})

如果这不起作用,请尝试使用flatpickr实例中的onReady函数将输入设置为正确的日期:

//example with jQuery
$('#your-date-element').flatpickr({
    minDate: 'today',
    dateFormat: 'd/m/Y',
    onReady: function (selectedDates, dateStr, instance) {
        $('#your-date-element input').val(
            instance.formatDate(new Date(), 'd/m/Y')
        )
    },
})