的jQuery日期時間選擇器的日期和時間應該來在框中默認不點擊框

Question

嗨，我有兩個日期時間選擇器，並使用jQuery 1.7.2在這兩個日期時間選擇器我需要的日期和時間defaultly目前正在點擊框，但我之後獲得這些只需點擊之前。我使用的jsfiddle http://jsfiddle.net/srknthcse/f9raubjp/感謝你的幫助

$(function() { 
    $('#datepicker').datepicker({ 
     dateFormat: 'dd-mm-yy', 

     onSelect: function(datetext){ 
      var d = new Date(); // for now 
      datetext=datetext+" "+d.getHours()+": "+d.getMinutes(); 

      $('#datepicker').val(datetext); 
     }, 
    }); 
    }); 
$(function() { 
    $('#datepicker1').datepicker({ 
     dateFormat: 'dd-mm-yy', 
     onSelect: function(datetext){ 
      var d1 = new Date(); 
      var d2 = new Date(d1); 
      var addedhour=d2.setHours(d1.getHours()+4); 

      // for now 
      datetext=datetext+" "+d2.getHours()+": "+d2.getMinutes(); 
      $('#datepicker1').val(datetext); 
     }, 
    }); 
    }); 

Answer 1

而不是設置日期選擇器來輸入字段將其設置爲一個div。然後使用該值的隱藏輸入的小提琴，如下所示：

http://jsfiddle.net/8ztsjcos/2/

<input type="hidden" id="to"> 
<input type="hidden" id="from"> 

$(function() { 
$('#datepicker').datepicker({ 
    dateFormat: 'dd-mm-yy', 
    onSelect: function(datetext){ 
     var d = new Date(); // for now 
     datetext=datetext+" "+d.getHours()+": "+d.getMinutes(); 
     $('#to').val(datetext); 
    }, 
}); 
}); 
$(function() { 
    $('#datepicker1').datepicker({ 
     dateFormat: 'dd-mm-yy', 
     onSelect: function(datetext){ 
      var d1 = new Date(); 
      var d2 = new Date(d1); 
      var addedhour=d2.setHours(d1.getHours()+4); 

     // for now 
     datetext=datetext+" "+d2.getHours()+": "+d2.getMinutes(); 
     $('#from').val(datetext); 
    }, 
}); 
});