2017-09-10 17 views
0

モーダルで時間を手動で入力したいのですが、モーダルがポップアップするたびに入力フィールドにはすでにコンピューターの時計の現在の時刻が入ります。jQueryから完全なカレンダーから時刻を取得する

JavaScriptを編集して自動的に時刻を生成しないようにするにはどうすればよいですか? ここでプラグを使用しましたhttps://github.com/tliokos/jquery-fullcalendar-crud。私はちょうどそれをダウンロードしました。このプラグインを使用するには、私の最初の時間ですちなみに

これはjavascriptのコードです:。

$(function(){ 
var currentDate; // Holds the day clicked when adding a new event 
var currentEvent; // Holds the event object when editing an event 
$('#color').colorpicker(); // Colopicker 
$('#time').timepicker({ 
    minuteStep: 5, 
    showInputs: false, 
    disableFocus: true, 
    showMeridian: false 
}); // Timepicker 
// Fullcalendar 
$('#calendar').fullCalendar({ 
    timeFormat: 'H(:mm)', 
    header: { 
     left: 'prev, next, today', 
     center: 'title', 
     right: 'month, basicWeek, basicDay' 
    }, 
    // Get all events stored in database 
    events: 'crud/getEvents.php', 
    // Handle Day Click 
    dayClick: function(date, event, view) { 
     currentDate = date.format(); 
     // Open modal to add event 
     modal({ 
      // Available buttons when adding 
      buttons: { 
       add: { 
        id: 'add-event', // Buttons id 
        css: 'btn-success', // Buttons class 
        label: 'Add' // Buttons label 
       } 
      }, 
      title: 'Add Event (' + date.format() + ')' // Modal title 
     }); 
    }, 
    // Event Mouseover 
    eventMouseover: function(calEvent, jsEvent, view){ 
     var tooltip = '<div class="event-tooltip">' + calEvent.description + '</div>'; 
     $("body").append(tooltip); 
     $(this).mouseover(function(e) { 
      $(this).css('z-index', 10000); 
      $('.event-tooltip').fadeIn('500'); 
      $('.event-tooltip').fadeTo('10', 1.9); 
     }).mousemove(function(e) { 
       $('.event-tooltip').css('top', e.pageY + 10); 
       $('.event-tooltip').css('left', e.pageX + 20); 
      }); 
    }, 
    eventMouseout: function(calEvent, jsEvent) { 
     $(this).css('z-index', 8); 
     $('.event-tooltip').remove(); 
    }, 
    // Handle Existing Event Click 
    eventClick: function(calEvent, jsEvent, view) { 
     // Set currentEvent variable according to the event clicked in the calendar 
     currentEvent = calEvent; 
     // Open modal to edit or delete event 
     modal({ 
      // Available buttons when editing 
      buttons: { 
       delete: { 
        id: 'delete-event', 
        css: 'btn-danger', 
        label: 'Delete' 
       }, 
       update: { 
        id: 'update-event', 
        css: 'btn-success', 
        label: 'Update' 
       } 
      }, 
      title: 'Edit Event "' + calEvent.title + '"', 
      event: calEvent 
     }); 
    } 
}); 
// Prepares the modal window according to data passed 
+0

いつ開いたら表示されますか? – 82Tuskers

答えて

0

timepickerのためのドキュメントを見て提案します。現在の時間に設定してください - 場合 https://jdewit.github.io/bootstrap-timepicker/

はdefaultTime = falseを

defaultTime 'は現在'(デフォルト)に設定します。 特定の時刻に設定 - '11:45 AM ' false - デフォルトの時間を設定しない

関連する問題