我想在日期选择器末尾显示今天的日期，如所附图像。
$(document).ready(function () {
$("#TextBox1").datepicker({
changeMonth: true,
changeYear: true,
showOn: "button",
buttonImage: "../calendar_up.gif",
buttonImageOnly: true,
buttonText: "Select date",
showOtherMonths: true,
selectOtherMonths: true
});
有什么配置可以实现这一点吗？
TIA
最佳答案
我没有找到任何选项，但您当然可以让它看起来像是选择器的一部分:
var $datepicker = $("#datepicker").datepicker({
changeMonth: true,
changeYear: true,
showOn: "button",
buttonImage: "../calendar_up.gif",
buttonImageOnly: true,
buttonText: "Select date",
showOtherMonths: true,
selectOtherMonths: true
});
var $today = $datepicker.append("<div class='ui-widget ui-widget-content ui-helper-clearfix ui-corner-bottom' style='display:block;padding:2px;position:relative;top:-2px'>TODAY: " + formatDate(new Date()) + "</div>");
var $datePickerInner = $(".ui-datepicker");
$today.css("width", $datePickerInner.width() + 9.4 + "px");
$datePickerInner.removeClass('ui-corner-all').addClass('ui-corner-top');
function formatDate(date) {
return (date.getMonth() + 1).toString() + '/' + date.getDate().toString() + '/' + date.getFullYear().toString();
}<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>datepicker demo</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<div id="datepicker"></div>
</body>
</html>关于Jquery Datepicker 显示当前日期，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45540124/