【问题标题】:Datepicker works only with an input of double digitsDatepicker 仅适用于两位数的输入
【发布时间】:2019-02-24 10:15:38
【问题描述】:

在我的代码中,我有一个引导日期选择器,但是当我将日期设置为 2018 年 9 月 24 日时它不起作用,但是,2018 年 9 月 24 日正在工作。 只要日期数字是个位数,我想添加一个 0。

在 Jquery 中

          var onlyThisDates = ["09/25/2018", "09/26/2018", "09/29/2018", "09/27/2018", "09/20/2018", "09/21/2018", "09/22/2018", "10/01/2018", "10/03/2018", "10/05/2018", "10/11/2018", "10/15/2018", "10/17/2018"];

          console.log(onlyThisDates);

          $('#doctortime').datepicker({
              format: "mm/dd/yyyy",
              autoclose: true,
              beforeShowDay: function (date) {
                  var dt_ddmmyyyy =(date.getMonth() + 1)  + '/' + date.getDate() + '/' + date.getFullYear();
                  return (onlyThisDates.indexOf(dt_ddmmyyyy) != -1);
              }
          });

在 HTML 中

<input id="doctortime" class="form-control" placeholder="Doctor Date" name="dates" data-date-format="mm/dd/yyyy" /> 

【问题讨论】:

  • bootstrap 默认没有 datepicker。因此,当您引用第三方软件时,您应该提供一个链接,这样就不会混淆您真正指的是什么。仅仅因为一个更受欢迎并不意味着没有其他引导日期选择器
  • 您还应该提及您正在使用的引导程序版本
  • 你先了解我面临什么问题,然后去 google bootstrap datepicker 你会得到你的答案
  • 我没有解决你的问题,我建议你如何让阅读它的每个人都更清楚你的问题。正如我所说,我可以找到 BS-datepicker 的多个结果。使用不同搜索引擎或来自其他搜索结果价值更高的其他位置的人可能会发现另一个项目作为第一个结果。

标签: jquery html css date datepicker


【解决方案1】:

你想要这样吗?

https://jsfiddle.net/9vqs2e1L/8/

    var onlyThisDates = ["09/20/2018", "09/26/2018", "09/29/2018", "09/27/2018", "09/20/2018", "09/21/2018", "09/22/2018", "10/01/2018", "10/03/2018", "10/05/2018", "10/11/2018", "10/15/2018", "10/17/2018"];         

      $('#doctortime').datepicker({
          format: "mm/dd/yyyy",
          autoclose: true,
           beforeShowDay: function (date) {                              
            var dt_ddmmyyyy = ('0' + (date.getMonth() + 1)).slice(-2)  + '/' + ('0' + date.getDate()).slice(-2) + '/' + date.getFullYear();                                     
            return (onlyThisDates.indexOf(dt_ddmmyyyy) != -1);                  
          }
      });

【讨论】:

  • 非常感谢,这就是我要找的,..再次感谢
  • 很高兴为您提供帮助
猜你喜欢
  • 2018-04-13
  • 2018-10-30
  • 1970-01-01
  • 1970-01-01
  • 2013-01-08
  • 1970-01-01
  • 2016-09-02
  • 2021-10-10
  • 1970-01-01
相关资源
最近更新 更多