Jquery Datepicker显示当前日期

我想在日期选择器的末尾显示Today's date，如图所示。Jquery Datepicker显示当前日期

$(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

来源

2017-08-07 Prasad Guduri

他要求在日期选择器下拉框中，而不是在输入文本框中的值 – Selvakumar

有没有其他选择，我已经找到，但当然也可以使它看起来像它是选择器的一部分：

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>

来源

2017-08-07 07:10:06

非常感谢你！ –

没有选项来显示日期选择当前日期，但你可以在底部有按钮转到当前日期。

$("#datepicker").datepicker({ 
     showButtonPanel: true 
});

检查此链接https://jqueryui.com/datepicker/#buttonbar

来源

2017-08-07 05:53:54 Selvakumar

我想你可以设置$（“。ui-datepicker-current” ）.text（今天）如果你想要 – mplungjan

Jquery Datepicker显示当前日期

回答

相关问题