Question

我在Rails应用程序中使用https://github.com/TrevorS/bootstrap3-datetimepicker-rails datetimepicker。点击“今天”按钮后，我们如何关闭小部件？

$(document).on('turbolinks:load', () => {

  $(".form_datetime").datetimepicker({
    timeZone: 'utc',
    format: "YYYY-MM-DD HH:mm:ss UTCZ",
    defaultDate: moment().tz('UTC'),
    icons: {
      today: 'todayText',
      up: 'glyphicon glyphicon-chevron-up',
      up: "fa fa-arrow-up",
      down: "fa fa-arrow-down",
      previous: " fa fa-arrow-left",
      next: "fa fa-arrow-right"
    },
    showTodayButton: true,
    ignoreReadonly: true,
    allowInputToggle: true,
    useCurrent: true,
  });

Answer 1

监视dp.change事件，通过锚元素的data属性访问日期选择器，然后调用hide函数。

$(document).on("dp.change", () => {
    $(".form_datetime").data("DateTimePicker").hide()
})

文档来源：

如何使用bootstrap-datetimepicker单击“今日”按钮后如何隐藏datetimepicker

1 个答案: