Question

我的datepicker jQuery我需要删除默认日，所以我删除了这个类。还有其他解决方案吗？

$('#calendar .ui-datepicker-days-cell-over').removeClass('ui-datepicker-days-cell-over');
$('#calendar .ui-state-hover').removeClass('ui-state-hover');
$('#calendar .ui-datepicker-current-day').removeClass('ui-datepicker-current-day');
$('#calendar .ui-state-active').removeClass('ui-state-active');

Answer 1

默认情况下，默认日期设置为null。我不知道为什么你的默认日设置为另一天。但您可以通过以下方式将其重置为null：

$( "#datepicker" ).datepicker({
  defaultDate: null
});

请参阅this jsFiddle。

Answer 2

 <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>jQuery UI Datepicker - Default functionality</title>
      <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
      <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
      <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
      <style type="text/css">
       .ui-datepicker-calendar .ui-datepicker-days-cell-over.ui-datepicker-today a
       {
        background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% !important;
        border: 1px solid #d3d3d3 !important;
        color: #555555 !important;
       }

      </style>
      <script>
      $(function() {
        $( "#datepicker" ).datepicker();
      });

      </script>
    </head>
    <body>

    <p>Date: <input type="text" id="datepicker"></p>


    </body>
    </html>

Answer 3

<script>
    $("#datepicker").focus ( function(){
        $( "#datepicker" ).datepicker();
    });
</script>

将日期选择器的操作从加载时更改为单击时或聚焦时，以便该功能在页面加载时停止生成日期，并显示此默认占位符。

使用以下更新更改脚本。

Answer 4

将日期选择器的操作从加载时更改为单击时或聚焦时，以便该功能在页面加载时停止生成日期，并显示此默认占位符。

更改具有以下更新的脚本。

<script>
  $("#datepicker").focus ( function(){
    $( "#datepicker" ).datepicker();
  });

删除jquery datepicker中的默认日期

4 个答案: