jquery
div widoczny po ustawieniu daty i godziny, jak?

np.

jeśli jakaś data godzina wpisana w funkcji jquery,
wtedy gdy data godzina = true
div display:none; zmienia się na display:block;

dynamicznie czy onload?

jak zwał tak zwał - dynamicznie;-)
$(document).ready(function() {});

chodzi mi o to, że jeżeli w
startDate wpiszę jakąś przyszłą datą, to gdy ta będzie równa lub większa,
wtedy id="test" zmieni się na display:block;
endDate jeżeli równe bądź większe, wtedy id="test" display: none;

http://jsfiddle.net/b9yuz2xL/18/

dlaczego nie działa?

Źle wywołujesz funkcję:

Zamień to sobie np. na coś takiego:

Nie ma to znaczenia co wprowadzisz bo w kodzie, którym pokazałeś masz daty ustawione na sztywno.
Po za tym zamień miejscami metody show() i hide() bo uzyskasz odwrócony rezultat (bądź zmień instrukcje warunkową).