Einfache Drag-to-Create-Funktionalität?

Question

Ich versuche, ein sehr einfaches Best-Fit-Scheduling-System zu erstellen. Jeder sendet seine Frei/Gebucht-Zeiten über ein webbasiertes Formular, das System schlägt Zeiten vor, wenn die meisten Leute frei sind.

Ich versuche derzeit herauszufinden, eine gute Möglichkeit, diese Eingabe von Benutzern zu sammeln. Idealerweise möchte ich die Art von Funktionalität duplizieren, die Sie in Google Kalender sehen. Bei einer Kalenderansicht klickt der Benutzer auf die Startzeit, den Mauszeiger auf die Endzeit, lässt die Maustaste los und in das entsprechende Feld erscheint, fügt eine Zusammenfassung von ein oder zwei Wörtern hinzu, die diesen Zeitblock beschreibt.

Ich schaute auf jQuery "Droppable", aber es schien nicht das zu sein, was ich suche.

This would be great, aber ich würde einen Weg brauchen, um eine beliebige Anzahl von Schiebereglern auf eine Zeile zu setzen, um Start-End-Zeiten darzustellen.

Kennt jemand {ein jQuery Weg, ein guter Weg, ein einfacher Weg} Sammeln einer beliebigen Anzahl von Start-End-Zeiten und ihre zugehörigen Beschreibungen?

Answer 1

Hilft Ihnen das? http://jsfiddle.net/elektronikLexikon/qHxZ6/