2016-01-21 28 views
-1

我有綁定到日期選擇器的文本框:jQuery中的DatePicker設置一個值,但將相關的文本框爲空

<!-- editExamScheduleModal --> 
<div class="form-group"> 
    <label class="col-md-4 control-label" for="textExamDate">Exam Date</label> 
    <div class="col-md-4"> 
     <input id="textExamDate" name="textExamDate" type="text" class="form-control input-md"> 
    </div> 
</div> 

這個div顯示爲彈出和分配值的函數文本框是像這樣:

function ShowPopup(examDateToEdit) { 
    $('#textExamDate').val(examDateToEdit); 
    $('#textExamDate').datepicker({ minDate: 0 }); 
    $('#editExamScheduleModal').modal('show'); 

    var expectedExamDate = new Date(); 
    var numberOfDaysToAdd = 1; 
    expectedExamDate.setDate(expectedExamDate.getDate() + numberOfDaysToAdd); 
    $('#textExamDate').datepicker("setDate", expectedExamDate); 
} 

在上面的功能我想設置的DatePicker選擇從當前日期或任何日期examDateToEdit傳遞的第二天。 沒關係到函數沒關係,日期選擇器將默認爲當前日期。

兩件事情正在發生:

  1. 的DatePicker的不顯示預期的日期
  2. 它也將在日期值在文本框中

所以,如果今天的日期是01/21/2016它將01/22/2016置於文本框中。

此文本框中的值是可選的,這意味着用戶可以將其保留爲空。 但是在上面顯示的實現中會有一個值,當用戶點擊保存,這裏沒有顯示時,他們會無意中將一個值發送回服務器。

那麼,我該怎麼做只有#1發生?

在此先感謝。

問候。

+0

可能的重複[如何清除/重置jQuery UI Datepicker日曆上的選定日期?](http://stackoverflow.com/questions/9435086/how-do-i-clear-reset-the-selected -dates上最jQuery的UI的日期選擇器,日曆) – JotaBe

回答

0

這將通過下面的代碼

<script> 
function ShowPopup(examDateToEdit) { 
    if ((typeof examDateToEdit != "undefined") && examDateToEdit!="") { 
     $('#editExamScheduleModal').modal('show'); 
     var numberOfDaysToAdd = 0; 
    } 
    else { 
     var examDateToEdit = new Date(); 
     var numberOfDaysToAdd = 1; 
    } 

    examDateToEdit.setDate(examDateToEdit.getDate() + numberOfDaysToAdd); 
    $('#textExamDate').datepicker("setDate", examDateToEdit); 
} 
</script> 
0

有這在我以前$('#textboxid').val('');日期選擇函數調用後將使文本框空一個智能溶液被固定。

相關問題