如何在jQuery datetimepicker中添加12小時格式？

我正在使用以下源在我的網站上添加日期和時間日曆：http://xdsoft.net/jqplugins/datetimepicker/。在那裏他們沒有提供12小時的格式。喜歡：上午1:00，上午2:00，上午2:00，下午3:00等如何在jQuery datetimepicker中添加12小時格式？

因此，我使用下面的代碼來顯示12小時格式，但是當我添加時間從我選定的時間開始少於1小時。例如：如果我選擇6:00 PM，它會顯示我5:00 PM。我該如何解決這個問題？

我的js代碼：

$('#add_date').datetimepicker({  
    timepicker:false, 
    format:'d/m/Y', 
    formatDate:'Y/m/d', 
    minDate:'-1970/01/02', // yesterday is minimum date 
    maxDate:'+2017/12/01' // and tommorow is maximum date calendar 
    }); 

$('#add_time').datetimepicker({ 
    datepicker:false, 
    format:'g:i A', // edited by me 
    step:60 
});

我改變了原來的js文件（jquery.datetimepicker.full.js）與波紋管（線沒有1108）：

// edited by me 
formatTime: 'g:i A', 
// original code 
formatTime: 'H:i',

更新：

我現在用的是：

$('#add_time').datetimepicker({ 
    datepicker:false, 
    format:'H:i A', 
    step:60 
});

來源

2016-04-29 shibbir ahmed

如果可能的話，請比提供的jsfiddle。 –

原來的js文件太大了，我怎麼把這個添加到jsfiddle？ –

你是否擁有該文件的CDN？ –

試試這個代碼（更新）：

$('#add_time').datetimepicker({ 
    datepicker:false, 
    formatTime:"h:i a", 
    step:60 
});

完整的例子在這裏：https://jsfiddle.net/rdemartis/p9ezwn0n/5/

更新： 還是這個，如果你希望爲輸出相同的格式：

$('#add_time').datetimepicker({ 
    datepicker:false, 
    formatTime:"h:i a", 
    step:60, 
    format:"h:i a" 
});

完整的例子在這裏：https://jsfiddle.net/rdemartis/p9ezwn0n/8/

來源

2016-04-29 15:52:06 demartis

這很好，但我們可以添加這個AM和PM的時間？ –

當然！我更新了這個例子。 – demartis

我看不到它.. –

有物業稱爲

"hours12"

使其真正

來源

2016-04-29 12:59:16

有一個問題..它只顯示我上午時間不是下午時間！ –

我更新了我現在使用的問題。 –

如果可能，我可以有jsfiddle嗎？ –

如何在jQuery datetimepicker中添加12小時格式？

回答

相關問題