保留先前在 jquery-ui 日期选择器中选择的值

Question

我有一个显示在自定义按钮单击事件上的日期选择器。然后，用户 selected 日期将填充到文本框中。默认情况下，日期选择器 select 是过去的日期（-3 天）。

问题：

我面临的问题是，之前 selected 的日期在随后的自定义按钮点击后不会保留在文本框中。

提琴手：

HTML

<br/>
<div class="form-horizontal">
  <div class="form-group">
    <label class="control-label col-xs-3">From Date </label>
       <div class="col-xs-6">
          <div class="input-group">
             <input class="form-control" id="AddDateFromTxt" type="text" maxlength="10">
               <span class="input-group-btn">
                  <button type="button" class="btn btn-default" id="AddDateFromBtn" title="Click here to select 'Add Date From'"><i class="glyphicon glyphicon-calendar"></i></button>
               </span>  
           </div>
         </div>
       </div>
     </div>

JS

var fromDateCtrl = $('#AddDateFromTxt');

$('#AddDateFromBtn').on('click', function () {
    fromDateCtrl.datepicker().datepicker("setDate", "-3").datepicker("show");        
});

预期

如果我第一次 select 2015 年 11 月 1 日，那么在下次单击日历按钮时，文本框中的值不应更改为 2015 年 11 月 4 日，而应保持与 11 相同/1/2015.

Answer 1

只有在 selected/set 还没有日期的情况下才设置日期。

$('#AddDateFromBtn').on('click', function () {
    var dp = fromDateCtrl.datepicker();

    if (dp.datepicker("getDate") == null) {
        dp.datepicker("setDate", "-3");
    }

    dp.datepicker("show");
});

https://jsfiddle.net/wbuo2z9w/

保留先前在 jquery-ui 日期选择器中选择的值

Retain previously selected value in jquery-ui datepicker

jquery

jquery-ui

jquery-ui-datepicker