引导链接的日期时间选择器无法正常工作答案

【问题标题】：bootstrap linked datetime picker not working properly引导链接的日期时间选择器无法正常工作
【发布时间】：2015-04-09 10:58:58
【问题描述】：

嗨，我正在尝试为链接的日期时间选择器开发引导 jquery，但在使用 jsfiddle http://jsfiddle.net/srknthcse/CujDK/311/ 时无法正常工作我选择了 No-library ...任何帮助将不胜感激。谢谢

<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 = 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', 
    showMeridian:'true',
    autoclose:'true',
    format: 'hh:mm PP dd-MM-yyyy '
});
$("#startdatetime-from").data('datetimepicker').setLocalDate(new Date(year, month, day, hours, minutes));

var d1=new Date();
var d2=new Date(d1);
var addedhour=d2.setHours(d1.getHours()+4);
$('#startdatetime-from1').datetimepicker({
    language: 'en',
      showMeridian:'true',
    autoclose:'true',
    format: 'hh:mm dd-MM-yyyy '
});
$("#startdatetime-from1").data('datetimepicker').setLocalDate(new Date(year, month, day, hours, minutes));
$("#startdatetime-from").on("dp.change", function (e) {
            $('#startdatetime-from1').data("DateTimePicker").minDate(e.date);
        });
        $("#startdatetime-from1").on("dp.change", function (e) {
            $('#startdatetime-from').data("DateTimePicker").maxDate(e.date);
        });


});

【问题讨论】：

工作不正常？发生了什么事？
我注意到的唯一问题是，当我首先单击第二个日期选择器时，它也打开了。我在fiddle 中更正了它。如果还有其他问题，请告诉我。
您好，我正面临这些问题 1）在第一个日期选择器中，我需要默认显示日期和时间，日历图标应禁用。2）在第二个日期选择器中，我需要显示日期和时间，我想添加 4小时到当前时间。即，在第一个选择器 12-08-2015 晚上 11:30 对于第二个日期选择器 13-08-2015 3:30AM 我有代码，但它没有按预期工作 jsfiddle 链接jsfiddle.net/srknthcse/CujDK/318 任何帮助，请谢谢
我的来源是eonasdan.github.io/bootstrap-datetimepicker，但我需要添加我自己的功能，例如第二个日期选择器应该比第一个显示多 4 小时，并且在第一个日期选择器日历图标仅禁用

标签： javascript jquery twitter-bootstrap jquery-ui

【解决方案1】：

<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));
});

【讨论】：