2016-09-03 5 views
0

1つのコントロールが日付で、もう1つが時刻です。私はdatetimepickerを使用しています。日付コントロールの場合、現在の日付が表示されますが、時間フィールドの場合は、クリックすると時刻が表示されます。選択する前に現在の時刻を表示するにはどうすればよいですか?jqueryのdatetimepickerを使用して時刻フィールドに現在の時刻をバインドします。

これは私が試した方法です:

HTML:

<label for="Meeting Held On" class="col-sm-4 control-label">Meeting held On</label> 
<div class="col-sm-6"> 
    <input type="text" class="form-control" id="MeetingHeldOn" name="MeetingHeldOn" value='<?php echo date_format(date_create($data->meetingheldon),"d-m-Y"); ?>'> 
</div> 
<label for="Meeting Started At" class="col-sm-4 control-label">Meeting Started At</label> 
<div class="col-sm-6"> 
    <input type="text" class="form-control" id="MeetingStartedAt" name="MeetingStartedAt" value='<?php echo $data->meetingstartedat; ?>'> 
</div> 

のjQuery:

$("#MeetingHeldOn").datetimepicker({ format: "DD-MM-YYYY" }); 
$("#MeetingStartedAt,#MeetingEndedAt").datetimepicker({ format: "HH:mm" }); 

私が欲しいものは、ページがロードされると、それが表示されるはずですデフォルトでは、あります現在の時刻。その後、私は変更を加えることができます。だから、それを行うために、私は何を追加したり変更したりするべきですか?

+1

ブートストラップで同じ名前で多くのものが開発されているので、どのdatetimepickerを使用するのが難しいですか。私が提案することの1つは、jQueryセレクタを使用して入力ボックスを選択し、必要な値を設定することです。 – Azim

答えて

0

私が見る限り、あなたはTwitter Bootstrap datetimepickerを使用します。 ここでの作業例はjsfiddle

valueの属性を初期日付または時刻に設定します。

関連する問題