Jquery scheduler drag krijg date

Ik ben bezig met een simpele scheduler te maken door gebruik van HTML en jquery. Wat ik tot nu toe heb gemaakt is vrij simpel. Een tijdlijn gemaakt qua html. Door middel van jQUery ui Drag en Drop kan ik een div (event) slepen op deze tijdlijn. Echer wil ik ook het event opslaan, waarbij ik wil weten waar het event start en wanneer deze eindigt.

Bij veel scheduler op het internet zie je zodra ze een event gaan dragen dat ze de startdate en enddate weten.
voorbeeld: 22-12-2016 16:00 22-12-2016 22:00


Ik weet zo niet hoe ze dit doen. Als voorbeeld heb ik een afbeelding geplaatst die het probleem en de oplossing schetst.



Ik hoop dat iemand weet hoe ik dit kan maken.