【问题标题】:How to close bootstrap datetimepicker when date is selected选择日期时如何关闭引导日期时间选择器
【发布时间】:2017-01-07 07:38:05
【问题描述】:

我正在使用引导程序 datetimepicker (http://eonasdan.github.io/bootstrap-datetimepicker/Installing/)。

当我选择选择器不隐藏的日期时,我必须在外部单击以关闭它。 选择/单击日期时如何关闭 datetimepicker?

<div class="col-sm-3">
  <asp:TextBox ID="date2" class="form-control" runat="server"
    onfocus="this.style.backgroundColor='yellow'"
    onblur="this.style.backgroundColor='cyan'"/>
  <script type="text/javascript">
    $(function () {
      $('#date2').datetimepicker();
    });
  </script> 
</div>

【问题讨论】:

标签: asp.net hide bootstrap-datetimepicker eonasdan-datetimepicker


【解决方案1】:

您可以使用以下代码强制 datetimepicker 隐藏自身。

$('#date2').data("DateTimePicker").hide();

对于hide 等其他功能,请考虑查看documentation

【讨论】:

  • 感谢伊捷!我想我做错了什么...
  • 然后试试这个:$("#date").on("dp.change", function() { $("#date2").data("DateTimePicker").hide(); }); 另外,还有一个名为 keepOpen 的选项,您可以在构造函数中将其作为 false 传递。
  • 非常感谢伊捷。它工作正常。我们可以从日期中隐藏时间部分吗?
  • 要隐藏时间部分,在初始化方法中传递格式选项为 MM/dd/YYYY。请查看这方面的文档:eonasdan.github.io/bootstrap-datetimepicker/Options/#format
猜你喜欢
  • 2012-10-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-02-23
  • 1970-01-01
  • 2014-03-20
  • 2017-08-29
  • 1970-01-01
相关资源
最近更新 更多