【问题标题】:Setting selected date in calendar to null on Bootstrap datetime picker在 Bootstrap 日期时间选择器上将日历中的选定日期设置为空
【发布时间】:2019-02-05 05:48:18
【问题描述】:

我正在使用引导日期时间选择器,其文档可在此处找到:https://eonasdan.github.io/bootstrap-datetimepicker/Options/

我正在尝试将所选日期设置为空。我可以在输入字段中清除日期(即 2/10/2019),但是当我单击输入字段并打开日历时,旧日期仍以蓝色选择。 WiThis 是我取消选择日历中所有日期的代码。

 $(document).ready(function() {

    $('.removedate').on('click', function(){

       $("#id_booking_date").val('') //this correctly removes date from input field

       $('.input-group').datetimepicker({
            date: new Date(null)
        });

}); 

此代码无效。你知道我应该尝试什么吗?

谢谢!

【问题讨论】:

标签: javascript bootstrap-datetimepicker


【解决方案1】:

您能否尝试为此使用“useCurrent”选项?在这里查看https://eonasdan.github.io/bootstrap-datetimepicker/Options/#usecurrent

【讨论】:

  • 否,将所选日期设置为当前日期。我想从日历中删除日期选择。不过谢谢!
  • 但是如果传递了一个错误的布尔值,那么输入元素上不会发生初始化。
  • 正确。在输入元素上。如上所述,我已经涵盖了输入元素。我想删除小部件中选定的日期。
【解决方案2】:

请试试这个,他们已经明确提到了here

工作示例:

$('#datetimepicker4').datetimepicker({ 

       useCurrent: false,//  
 });

【讨论】:

  • "如果传递了一个错误的布尔值,则输入元素上不会发生初始化。"如前所述,我已经将输入值设置为 null。我正在寻找删除日历小部件中选定的日期。
  • 添加此选项后是否检查过。我在本地服务器上有工作演示,它删除了日历小部件中的选定日期。
  • 我已经将此永久设置为表单字段上的属性
猜你喜欢
  • 2016-04-29
  • 2021-10-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多