在选择事件上引导日期时间选取器

Bootstrap Datetimepicker on select event

本文关键字：日期 时间 选取 选择 事件      更新时间：2023-09-26

选择日期时，如何访问js函数exampleFunction（）？我想在那里传递日期值。

text_field_tag for datetimepicker （haml）：

= text_field_tag 'start_day', class: 'datepick'

Javascript：

$(".datepick").datetimepicker({
  timepicker: false,
  format: 'd/m/Y',
  closeOnDateSelect: true
});

您可以使用以下给定代码来实现此目的：

$("#datetimepicker6").on("dp.change", function (e) {
     console.log(e.date);
});

我你的情况，应该是：

$(".datepick").on("dp.change",function(e){ exampleFunction(e.date)  });

请记住，这将在每个日期时间选取器的值更改时调用示例函数，因为您使用了类。

参考网址：https://eonasdan.github.io/bootstrap-datetimepicker/

如果这是您正在使用的插件，那么它将是这样的。

$(".datepick").datetimepicker({
  onChangeDateTime:exampleFunction
});
function exampleFunction(){
  console.log("Date Selected")
}

有关完整选项列表，请参阅：http://xdsoft.net/jqplugins/datetimepicker/

希望对您有所帮助。

试试这个：

$(".datepick").datetimepicker({
  timepicker: false,
  format: 'd/m/Y',
  closeOnDateSelect: true
}).on('dp.change', function (ev) {
    exampleFunction() ;//your function call
});

简单地说：

$(".datepick").datetimepicker({
  format: 'd/m/Y',
}).on('select', function (e) {
        console.log('on select event');
    });
相关文章：