使用jquery

时间:2016-09-03 04:46:33

标签: jquery datetimepicker

我有两个控件,其中一个控件是日期,另一个是时间。我使用的是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 个答案:

答案 0 :(得分:0)

据我所知,您使用Twitter Bootstrap datetimepicker。 以下是jsfiddle

上的工作示例

从后端设置value属性,以便拥有初始日期或时间。