日期時間選擇器 - 設置開始日期和時間

Question

我正在使用這個漂亮的小日期和時間選擇器[http://trentrichardson.com/examples/timepicker/]。如何設置選取器打開時的日期和時間？

Answer 1

嘗試設置value屬性input元素內是這樣的：

<input id="example1" value="05/05/2011" /> 

Answer 2

你可以通過一個Date對象的setDate方法。

$('#datetimepicker').datetimepicker().click(function() { 
    $(this).datetimepicker('setDate',new Date(2011, 11, 20, 8, 30)); 
}); 

看到它的行動：http://jsfiddle.net/william/Rkewu/1/。

Answer 3

如果您在窗體上使用此功能，請將其設置爲隱藏輸入。

$(document).ready(function() { 
     $("#Date").datetimepicker({ 
      ampm: true 
     }); 

     var date = new Date(
      Date.parse(
       $('#DatePicker').val(), 
       "mm/dd/yyyy hh:MM tt" 
      ) 
     ); 
     $('#Date').datetimepicker('setDate', date); 
    }); 

HTML表單：

<input type="hidden" id="DatePicker" /> 
<input type="text" id="DatePicker" value="fromyourdatabase" /> 

Answer 4

試試這個

$('#dtpkr').datetimepicker(); 

然後加入

$('#dtpkr').datetimepicker('setDate', (new Date())); 

這會給你的當前日期和時間

Answer 5

只關注它。

$('#totTb').datetimepicker({ 
    timeFormat: 'HH:mm', 
    timeSuffix: " Z"  
}).focus(function() { $('#totTb').datetimepicker('setDate', d) });