1)日付ボックスのCSSが正しくロードされていないことが問題のようです。index.htmlに日付ボックスのCSSをロードしていますか?その場合、日付ピッカーのあるページに直接アクセスすると、CSSが正しくロードされない可能性があります。ロードされています。Firefox用のFirebugまたはChrome/Safariに組み込まれている開発者ツールを使用して、日付ボックスcssがロードされているかどうかを確認できます(ロードされているすべてのリソースを確認するには、[リソース]タブを確認してください)
2)この例を確認してください-http://jsfiddle.net/BNsPB/。この例では、ドキュメントの準備ができた状態でコードを記述しました。あなたの場合は、pageinit
またはpagecreate
イベントハンドラーでコードを記述しなければならない場合があります。
実際のコードを確認した後、上記のコードスニペットを次のようにpageshowイベントハンドラーに追加する必要があると思います:(bookingPageがページのIDであると想定)
$("#bookingPage").live( 'pageshow',function(event, ui){
var today = new Date();
var todayStr = today.getFullYear()+"-"+(today.getMonth()+1)+"-"+today.getDate();
$('#mydate').trigger('datebox', {'method':'set', 'value':todayStr});
});
});