时间戳

首页 > 解决方案 > onchange 事件未在 flatpickr() 输入上唤醒

jquery - onchange 事件未在 flatpickr() 输入上唤醒

问题描述

我创建了一个日期选择器，flatpickr()日期选择器工作正常。但我正在尝试onchange在该日期选择器上创建一个事件但onchange事件不起作用我曾尝试制作一个类似 myfunction 的函数并在输入时调用它它也不起作用

所以有人可以帮我吗

$('.flatpickr').flatpickr();
			$("#flatpickr-disable-range").flatpickr({
				disable: [
					{
						from: "2016-08-16",
						to: "2016-08-19"
					},
					"2016-08-24",
					new Date().fp_incr(30) // 30 days from now
				]
			});
( ".flatpickr" ).change(function() {
  alert( "Handler for .change() called." );
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.5.7/flatpickr.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<div class="form-group">
							<input class="form-control flatpickr" id="set_exam_date" data-min-date="today" data-date-format="D F j, Y" placeholder="Select Date">
						</div>

标签： jqueryhtml

解决方案

你必须在你的 HTML 代码下面初始化一个 jQuery 和 flatpickr。最后你应该在正文中使用它。像这样：

 $('.flatpickr').flatpickr();
        $("#flatpickr-disable-range").flatpickr({
          disable: [{
              from: "2016-08-16",
              to: "2016-08-19"
            },
            "2016-08-24",
            new Date().fp_incr(30) // 30 days from now
          ]
        });
        $(".flatpickr").change(function () {
          alert("Handler for .change() called.");
        });
<link href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css" rel="stylesheet"/>
      <div class="form-group">
        <input class="form-control flatpickr" id="set_exam_date" data-min-date="today" data-date-format="D F j, Y"
          placeholder="Select Date">
      </div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.5.7/flatpickr.min.js"></script>

推荐阅读