Question

jQuery 1.7.2，jQuery UI Datepicker Widget

在我的Datepicker中：
启用今天和未来日期以前的日期已停用

我有一种情况，我需要在文本框中显示旧日期，但是当单击图像时，弹出窗口应该从今天启用日期。目前，如果旧日期为1Jun2014，则今天将显示在文本框中。如何在文本框中显示1Jun2014，并且从今天开始启用弹出日期？

Javascript：

<script type="text/javascript">
$(function() {
$('#date-picker').datepicker({
    showOn: "button",
    minDate: 0, maxDate: "+11M",
    dateFormat:"d M y",
    altField: "#alternate",
    altFormat: "yymmdd"
});

var dispDate = $.datepicker.parseDate('yy-mm-dd', '2014-06-01');
//$('#date-picker').datepicker('setDate', dispDate);

/* Updated code - begins */
var newDate = $.datepicker.formatDate("yymmdd", dispDate);
var newDispDate = $.datepicker.formatDate("d M y", dispDate);
$('#date-picker').val(newDispDate);
$('#alternate').val(newDate);
/* Updated code - ends */

});
</script>

HTML：

<input type="text" name="startDate" id="date-picker" size="10" readonly="readonly"/>
<input type="hidden" name="altDate" id="alternate"/>

更新根据Yashman Gupta的回答我更新了代码，现在它按预期工作。

Answer 1

检查以下链接。文本框将默认值视为某个日期，然后当您单击文本框时，它将从今天的日期开始。希望这对你有用。

$(function () {
var currentDate = new Date();
$("#datepicker").datepicker({
    minDate: currentDate,
    maxDate: "+1M +10D"
});
});

<p>Date:
  <input type="text" id="datepicker" value="06/05/2014">
</p>

http://jsfiddle.net/yashmangupta/p8J6d/1/

jQuery，datePicker小部件 - 在datePicker文本框中显示禁用日期

1 个答案: