jquery - Anytime datetimepicker ウィジェットで時間値をプログラムで設定するにはどうすればよいですか?

Question

Anytime datetimepicker ウィジェットは猫の鳴き声 (またはロールスロイスの咆哮 (なぜいつでも jQuery プラグインの重要な要素が背景/非表示に溶け込んでいるのですか? )) だと思います。

私はこのように実装します：

HTML

<label for="BeginDateTime" class="staticLabel">Begin Date Range</label>
<input id="BeginDateTime" name="BeginDateTime" required="true" />

jQuery

AnyTime.picker("BeginDateTime");

var d8 = new Date();
d8.setHours(0);
d8.setMinutes(0);
d8.setSeconds(0);
$('#BeginDateTime').val(d8);

...しかし、最初は時刻を zilch/midnight に設定すると (ある程度) 機能しますが:

(実際には、GMT ジャズなどではなく、日付と時刻だけが必要です。)

...入力要素をマッシュアップして AnyTime ウィジェットを呼び出し/ドロップダウンすると、それが zilch に設定されていたことを忘れて、現在の時刻でそれを上書きします:

AnyTime ウィジェットがドロップダウンされたときに割り当てた値を保持するにはどうすればよいですか (もちろん、ユーザーが明示的に変更するまで)。

アップデート

私もこれを試しました：

$( "#BeginDateTime" ).click(function() {
    var d = new Date();
    d.setHours(0);
    d.setMinutes(0);
    d.setSeconds(0);
    $('#BeginDateTime').val(d);
});

...しかし、唯一の違いは、クリックするまで入力要素に val が表示されないことです。まだ zilch が表示されますが、現在の時刻が表示されます...

更新 2

私もこれを試しました：

AnyTime.picker("BeginDateTime",
{ labelHour: "00",
  labelMinute: "00",
  labelSecond: "00"
});

...しかし、それは何もしないようです。

更新 3

AMAの答えは魅力的でした。このコード:

AnyTime.picker("BeginDateTime");
// Set the initial time to midnight
var convFrom = new AnyTime.Converter();
var d8From = new Date();
d8From.setHours(0);
d8From.setMinutes(0);
d8From.setSeconds(0);
$('#BeginDateTime').val(convFrom.format(d8From));

AnyTime.picker("EndDateTime");
// Set the initial time to the second before midnight
var convTo = new AnyTime.Converter();
var d8To = new Date();
d8To.setHours(23);
d8To.setMinutes(59);
d8To.setSeconds(59);
$('#EndDateTime').val(convTo.format(d8To));

...結果は次のとおりです。