2012-05-10 52 views
5

我碰巧讀了這個datetimepicker插件,發現它非常有用。我使用這個工具所面臨的問題是,我無法獲取數據/時間格式的UTC或其他格式(我的意思是至少獲取日期/時間UTC格式:datetimepicker getDate以UTC格式返回日期/時間

$('#starttime').datetimepicker({ 
    ampm: true, 
    showHour: true, 
    showMinute: true, 
    showSecond: false, 
    showMillisec: false, 
    timeFormat: 'hh:mm TT', 
    hourGrid: 4, 
    stepHour: 1, 
    minDate: minDate, 
    maxDate: maxDate, 
    stepMinute: 10 
});        

下面的腳本打印我的數據/時間如下格式:

var startDt = $('#starttime').datetimepicker('getDate'); 

Tue May 01 2012 00:00:00 GMT+0530 (India Standard Time) 

我怎樣才能改變這種格式的任何其他類似

DD-MM-YYYY或DD/MM/YYYY或UTC格式

回答

4

?演示:http://jsfiddle.net/Dgnjn/2/

DD-MM-YY這裏http://jsfiddle.net/Dgnjn/5/

現在使用datetimepicker

重要的事情下面的示例中需要注意的是:

dateAsObject = $.datepicker.formatDate('mm-dd-yy', new Date(dateAsObject)) 

代碼

$('#datetimepicker').datetimepicker({ 
    //altField: '#alternate', 
    dateFormat: 'yy-mm-dd', 
    timeFormat: 'hh:mm:ss', 
    stepHour: 2, 
    stepMinute: 10, 
    onSelect: function(dateText, inst) { 
     var dateAsString = dateText; //the first parameter of this function 
     var dateAsObject = $(this).datepicker('getDate'); //the getDate method 
    dateAsObject = $.datepicker.formatDate('mm-dd-yy', new Date(dateAsObject)) 
     $('#alternate').val(dateAsObject); 
     // alert(dateAsObject + '==> ' + $('#alternate').val()); 
    } 

}); 
+0

但我使用的DateTimePicker不日期選擇器。 datetimepicker插件允許我獲取數據和時間 – Prakash

+0

@Prakash saweet bruv,現在看看,現在改變它爲datetimepicker演示,有一個不錯的,歡呼! –

0

這些都是一些日期格式: http://jqueryui.com/demos/datepicker/#date-formats

$('#starttime').datetimepicker("option", "dateFormat", "dd/mm/yy"); 
+0

即使在使用$('#starttime')時添加此dateFormat選項後。datetimepicker('getDate');我在格式中獲得日期/時間格式,如2012年5月1日00:00:00 GMT + 0530(印度標準時間) – Prakash

+0

'$('#starttime')。datepicker()。datepicker(「option」,「dateFormat」, 「DD/MM/YY」)。變化(函數(){ \t \t \t警報($。datepicker.formatDate( 'DD/MM/YY',$( '#開始時間')。日期選擇器( 'GETDATE')) ); \t \t});;' –