Bootstrap select 事件上的日期时间选择器

Question

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

text_field_tag 对于日期时间选择器 (haml):

= text_field_tag 'start_day', class: 'datepick'

Javascript:

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

Answer 1

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

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

完整选项列表参考： http://xdsoft.net/jqplugins/datetimepicker/

希望对您有所帮助。

Answer 2

试试这个：

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

Answer 3

您可以使用下面给出的代码实现此目的：

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

我你的情况，应该是：

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

请记住，这将在每个日期时间选择器的值发生变化时调用示例函数，因为您使用了 class。

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

Answer 4

简单：

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

Bootstrap select 事件上的日期时间选择器

Bootstrap Datetimepicker on select event

javascript

datetimepicker