datepicker js code is not loaded for ajax templates

  placeholder addeventph addEvent() 

  define ajax addEvent(){
    var e := Event{ start := now() end := now()}
    form{
      labelblock("Title: "){ input(e.title) }
      labelblock("Start: "){ input(e.start) }
      labelblock("End: "){ input(e.end) }
      submit action{ e.save(); } {"save"}
    } 
  }

results in a javascript error: $(“input[name=….]”).datetimepicker is not a function

Submitted by Danny Groenewegen on 23 August 2011 at 14:01

workaround: manually load the required javascript/css in the page (see definition of input(DateTime) in built-in.app):

    includeJS("jquery-1.5.min.js")
    includeJS("jquery-ui-1.8.9.custom.min.js")
    includeJS("jquery-ui-timepicker-addon.js")
    includeCSS("jquery-ui.css")
    includeCSS("jquery-ui-timepicker-addon.css")

this is related to the placeholder’s render-as-ajax mode (further requests, such as a form in the ajax template, submit to the ajax template directly):

placeholder addeventph addEvent()

as opposed to

placeholder addeventph { addEvent() }

which only has addEvent() as the default contents (further requests still go to the page)

any includeJS/includeCSS is affected by this problem