jquery - TypeError: 位置が定義されていません

Question

jquery-datetimepicker プラグインで日付と時刻を表示しようとしていますが、カレンダーに日付のみが表示されています

このためのJSコードは

$("#datetime").datetimepicker();

$("#datetimecalender").live("click", function(){
  $('#datetime').datepicker('show');
});

そして、これのhtmlは

<a id="datetimecalender" class="badge icon-calendar"></a>
<input id="datetime" class="hasDatepicker" type="hidden" name="datetime" value="" />

しかし、jqueryでエラーが発生しています：

TypeError: position is undefined

Answer 1

これが機能するフィドルです：http://jsfiddle.net/LmUnr/190/

使用したリソース:

• https://raw.github.com/trentrichardson/jQuery-Timepicker-Addon/master/jquery-ui-timepicker-addon.js
• https://raw.github.com/trentrichardson/jQuery-Timepicker-Addon/master/jquery-ui-timepicker-addon.css

編集

datetimepicker入力タイプのオブジェクトは使用できませんhidden。入力スタイルをいじって、次のように境界線なしで小さくすることができます: http://jsfiddle.net/LmUnr/192/

HTML コードを変更します。

<input id="datetime" type="text" name="datetime" value="" />

Answer 2

これを変える

<input id="datetime" class="hasDatepicker" type="hidden" name="datetime" value="" />

これに

<input id="datetime" type="hidden" name="datetime" value="" />