如果在Gravity Forms日期选择器(WordPress)中单击周末,则显示警报



我在日期选择器中使用Gravity Forms,如果有人点击周末,我需要显示警报。这是我的代码:

$( document ).ready(function() {
$("#input_2_3").datepicker({ // ID of the date picker field
onClick: function (selectedDate) {
var date = $(this).datepicker('getDate');
var day = date.getDay();
if (day === 6 || day === 7) {
alert('you clicked a weekend!');
}
}
});
});

问题是什么都没有发生,控制台也没有抱怨。

怎么回事?如果知道有帮助的话,我的日期格式是dd-mm-yy-

您必须使用"onSelect;事件看这把小提琴。

http://jsfiddle.net/0zdn8fh4/

$( document ).ready(function() {
$("#datepicker").datepicker({ // ID of the date picker field
onSelect: function () {
var date = $(this).datepicker('getDate');
var day = date.getDay();
if (day === 0 || day === 6) {
alert('you clicked a weekend!');
}
}
});
});

编辑,尝试添加一个onchange,它应该有效:

$( document ).ready(function() {
$('#datepicker').datepicker();
$('#datepicker').on("input change", function (e) {
var date = $(this).datepicker('getDate');
var day = date.getDay();
if (day === 0 || day === 6) {
alert('you clicked a weekend!');
}
});
});

解决方案是将脚本放在表单之前。问题解决了。

最新更新