javascript - 在 Datepicker 中,为什么不突出显示默认日期?

标签 javascript jquery datepicker

我正在使用 jQuery UI 的 DatePicker 并且 defaultDate 设置为 04/27/2017,但是当我打开 DatePicker 时,24 日(今天的日期)突出显示但 27 号不是。有关问题的示例,请参阅日期选择器代码下方的屏幕抓图。我该如何解决这个问题?

$("#datepicker").datepicker({
  minDate: dateToday,
  dateFormat: 'mm/dd/yy',
  defaultDate: 04/27/17,
  beforeShow:function(textbox, instance) {
    $('#dob-dialog').append($('#ui-datepicker-div'));
  }
});

enter image description here

最佳答案

您需要提供 defaultDate 属性值作为 Date 对象或可以强制转换为日期的字符串。试试这个:

defaultDate: '04/27/17',

var dateToday = new Date();

$("#datepicker").datepicker({
  minDate: dateToday,
  dateFormat: 'mm/dd/yy',
  defaultDate: '04/27/17',
  beforeShow: function(textbox, instance) {
    $('#dob-dialog').append($('#ui-datepicker-div'));
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<input type="text" id="datepicker" />

关于javascript - 在 Datepicker 中,为什么不突出显示默认日期?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43592338/

相关文章:

javascript - 使用 JQuery 将 id 传递给 php

javascript - 一个组件的选定值应使用 native react 填充到另一个组件中

android - 如何在 Android Fragment 中使用日期选择器?

Angular-Material 日期时间选择器组件?

jquery - 如何说服浏览器从缓存中加载图像而不是从服务器获取

javascript - 失去焦点后关闭我的日期选择器

javascript - Vuejs 输入绑定(bind)与计算属性中的附加属性

javascript - 如何动态改变文本的颜色?

javascript - "Error: Too many re-renders. React limits the number of renders to prevent an infinite loop."我尝试了建议的解决方案,但它仍然不起作用

javascript - 迭代匿名对象