2015-11-07 55 views
0

我有一個日期選擇器顯示在自定義按鈕單擊事件上。用戶選擇的日期然後填充到文本框中。默認情況下,日期選擇器選擇一個過去的日期(-3天)。保留jquery-ui datepicker中的以前選定的值

問題:

我現在面臨的問題是,以前選擇的日期不滯留在隨後的自定義按鈕,點擊文本框。

提琴手:

https://jsfiddle.net/99x50s2s/142/

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");   
}); 

期望

如果我在第一時間選擇2015年11月1日以後,在日曆按鈕的下一個點擊,在文本框中的值不應更改爲2015年11月4日,應保留在同11/1/2015

回答

2

如果還沒有選擇/設置,只設置日期。

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

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

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

https://jsfiddle.net/wbuo2z9w/

相關問題