2017-09-20 79 views
0

我正在嘗試在AngularJS中使用Fullcalendar。 我以某種方式實現了日曆,它的工作原理(將數據保存到SQL中)。Fullcalendar按當前時間的時間設置開始小時數

但是,如果我點擊日曆中的某一天,模式彈出並且開始日期在時間方面顯示00:00:00。

我的問題是如何設置當前時間的時間?

如果現在是9AM,那麼開始時間如何將時間初始化爲09:00:00?

這就是我的編碼。

select: function(start, end) { 

    $('#ModalAdd #start').val(moment(start).format('YYYY-MM-DD HH:mm:ss')); 
    $('#ModalAdd #end').val(moment(end).format('YYYY-MM-DD HH:mm:ss')); 
    $('#ModalAdd').modal('show'); 
} 

我有一種感覺,這將是很好以某種方式修改下面的代碼,並將其放置在上面的代碼中,但我卡在哪裏把它。

var time = new Time(); 
var h = date.getHour(); 

我不知道它()甚至工作時間(它是從其他來源日期())。

請任何人都可以幫助我根據當前小時初始化Fullcalendar中的小時?我正在尋找任何建議或甚至提示解決這個問題。

預先感謝您!

回答

1

您可以使用momentJS當前(本地)系統時間添加到選定的日子:

select: function(start, end) { 

    var today = moment(); 
    start.set({ hours: today.hours(), minute: today.minutes() }); 

    $('#ModalAdd #start').val(start.format('YYYY-MM-DD HH:mm:ss')); 
    $('#ModalAdd #end').val(end.format('YYYY-MM-DD HH:mm:ss')); 
    $('#ModalAdd').modal('show'); 
} 

https://momentjs.com/docs/#/get-set/set/

另外值得一提的是startend已經瞬間,所以你不要不需要像以前那樣再次將它們包裝在構造函數中。

如果你這樣做的另一件事是考慮你的日曆是否有其他可用的視圖,特別是議程式視圖,哪些選擇可以觸發模式?如果是這樣,那麼您需要確保上述時間操縱代碼僅在視圖爲「月」時運行,因爲默認情況下,議程視圖已經使用用戶在日曆上實際選擇的時間。

+1

非常感謝您的建議!有效!希望這也能幫助別人。 –