そのようにhamlに埋め込まれたjquery datepickersを使用しようとしています:
%body
%canvas#neoviz
%header
%section#title
%h1 DateTest
%section#search
%form{:action => "/", :method => "get"}
%label Start:
%input#start{:type => "text", :value => "#{@start}", :name => "start"}
%label End:
%input#end{:type => "text", :value => "#{@end}", :name => "end"}
%input#loadnode{:type => "submit", :value => "Search", :class => "button"}
%br{:style => "clear: both;"}
%section#content
= yield
%script{:type=>"text/javascript"}
$(function(){
$('#start').datepicker({dateFormat: 'yymmdd', onSelect: function(dateText, inst) {
$('#start').datepicker('option','minDate', new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay));
}
});
$('#end').datepicker({dateFormat: 'yymmdd', onSelect: function(dateText, inst) {
$('#end').datepicker('option','maxDate', new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay));
}
});
});
しかし、カレンダーが表示されず、Sinatra アプリがこのエラーを返します。「不正なネスト: プレーン テキスト内のネストは不正です」
この行で:
$('#start').datepicker({dateFormat: 'yymmdd', onSelect: function(dateText, inst)