选择事件上的Bootstrap Datetimepicker

时间:2016-03-21 10:01:50

标签: javascript datetimepicker

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

datetimepicker(haml)的text_field_tag:

= text_field_tag 'start_day', class: 'datepick'

使用Javascript:

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

4 个答案:

答案 0 :(得分:5)

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

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

我的情况,应该是:

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

请记住,这将调用每个datetimepicker的值更改时的示例函数,因为您使用了类。

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

答案 1 :(得分:0)

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

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

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

希望它有所帮助。

答案 2 :(得分:0)

试试这个:

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

答案 3 :(得分:0)

简单地:

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