Javascript 引导链接的日期时间选择器工作不正常

您好，我正在尝试为链接的日期时间选择器开发引导jquery，但无法正常工作。我正在使用JSFIDLE，我没有选择任何库…任何帮助都将不胜感激。谢谢

<div class="container">
    <div class='col-md-5'>
       <div class="form-group">
<div id="startdatetime-from" class="input-append date">
    <input type="text" id="datetimepicker-input" readonly ></input>
    <span class="add-on">
        <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
    </span>
    <div class='col-md-5'>
        <div class="form-group">
            <div id="startdatetime-from1" class="input-append date1">
    <input type="text" id="datetimepicker-input1" readonly ></input>
    <span class="add-on">
        <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
    </span>
</div>
</div> 

var d=新日期（）；
var month=d.getMonth（）；
var day=d.getDate（）；
var year=d.getFullYear（）；
var hours=d.getHours（）；
var minutes=d.getMinutes（）；
$（函数（）{
$（'#startdatetime from'）。日期时间选择器({
语言:"en",，
自动关闭：“正确”，
格式：“HH:mm PP dd mm yyyy”
});
$（“#startdatetime from”）.data（'datetimepicker'）.setLocalDate（新日期（年、月、日、小时、分钟））；
$（'#startdatetime-from1'）。日期时间选择器({
语言:"en",，
自动关闭：“正确”，
格式：“HH:mm PP dd mm yyyy”
});
$（“#startdatetime-from1”）.data（'datetimepicker'）.setLocalDate（新日期（年、月、日、小时+4分钟））；
});

工作不正常？发生了什么？我注意到的唯一问题是，当我点击第二个日期选择器时，第一个日期选择器也打开了。我已经在这篇文章中纠正了它。如果有任何其他问题，请告诉我。您好，我面临这些问题1）在第一个日期选择器中，我需要默认显示日期和时间，日历图标应禁用。2）在第二个日期选择器中，我需要显示日期和时间，我想在当前时间上增加4小时。即。，在first picker 12-08-2015 11:30PM中，在second date picker 13-08-2015 3:30AM中，我有代码，但它没有按预期工作JSIDLE链接任何帮助请感谢我的源代码，但我需要添加我自己的功能，如second date picker应比first多显示4小时，并且在first date picker日历图标中仅禁用

<div class="container">
    <div class='col-md-10'>
        <div class="form-group">
            <div id="startdatetime-from" class="input-append date">
                <input type="text" id="datetimepicker-input"  readonly></input> 
        </div>
       <div></div>
            <div class='col-md-10'>
                <div class="form-group">
                    <div id="startdatetime-from1" class="input-append date1">
                        <input type="text" id="datetimepicker-input1"  readonly></input> 
                        <span class="add-on">
                        <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
                        </span>
                    </div>
                </div>
            </div>


var d = new Date();
var month = d.getMonth();
var day = d.getDate();
var year = d.getFullYear();
var hours = d.getHours();
var minutes = d.getMinutes();
$(function () {
    $('#startdatetime-from').datetimepicker({
        language: 'en',
        autoclose: 'true',
        format: 'HH:mm PP dd-MM-yyyy '
    });
    $("#startdatetime-from").data('datetimepicker').setLocalDate(new Date(year, month, day, hours, minutes));

    $('#startdatetime-from1').datetimepicker({
        language: 'en',
         autoclose: 'true',
        format: 'HH:mm PP dd-MM-yyyy '
    });

    $("#startdatetime-from1").data('datetimepicker').setLocalDate(new Date(year, month, day, hours+4, minutes));
});