繁体   English   中英

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

[英]jQuery, datePicker widget - Display disabled date in datePicker text box

jQuery 1.7.2,jQuery UI Datepicker小部件

在我的Datepicker中:
今天和将来的日期已启用
以前的日期被禁用

我有一种情况,我需要在文本框中显示旧的日期,但是单击图像时,弹出窗口应启用“今天”的日期。 当前,如果旧日期是2014年6月1日,则今天将显示在文本框中。 如何在文本框中显示2014年6月1日,并且从今天开始启用弹出日期?

使用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的回答,我更新了代码,现在它可以按预期工作。

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM