Javascript 具有开始日期和结束日期条件的JQuery链接日期选择器

我有两个日期选择器，一个用于开始日期，另一个用于结束日期。我的问题是，如果选择开始日期输入，则结束日期输入应在该日期之后，因此我应锁定其他日期，如果选择结束日期输入，则开始日期输入应在结束日期之后 html代码

<div class="row">
    <div class="col-sm-5">
        <div class="form-group">
            <label class="control-label col-sm-5" for="date_added">Date
                Courrier</label>
            <div class="input-group date">
                <span class="input-group-addon"><i
                    class="fa fa-calendar"></i></span><input id="date_added"
                    type="text" class="form-control" value="03/04/2014">
            </div>
        </div>
    </div>
    <div class="col-sm-5">
        <div class="form-group">
            <label class="control-label col-sm-7" for="date_modified">Date
                Arrivée</label>
            <div class="input-group date">
                <span class="input-group-addon"><i
                    class="fa fa-calendar"></i></span><input id="date_modified"
                    type="text" class="form-control" value="03/06/2014">
            </div>
        </div>
    </div>    
</div>

日期
库里耶
日期
阿里维

javascript代码

<script>
    $(document).ready(function() {    
        $('#date_added').datepicker({
            todayBtn : "linked",
            keyboardNavigation : false,
            forceParse : false,
            calendarWeeks : true,
            autoclose : true
        });    
        $('#date_modified').datepicker({
            todayBtn : "linked",
            keyboardNavigation : false,
            forceParse : false,
            calendarWeeks : true,
            autoclose : true
        });    
    });
</script>

$（文档）.ready（函数（）{
$（“#添加日期”）。日期选择器({
今日BTN：“链接”，
键盘导航：错误，
forceParse:false，
日历周：是的，
自动关闭：正确
});    
$（'#date_modified'）。日期选择器({
今日BTN：“链接”，
键盘导航：错误，
forceParse:false，
日历周：是的，
自动关闭：正确
});    
});

---

那么，我应该添加什么呢

<div class='input-group date' id='time_from' style="width:500px">
<input type='text' class="form-control" />
<span class="input-group-addon">
    <span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
<div class='input-group date' id='time_to' style="width:500px">
<input type='text' class="form-control" />
<span class="input-group-addon">
    <span class="glyphicon glyphicon-calendar"></span>
</span>
</div>


$('#time_from').datetimepicker({
viewMode: 'days',
minDate: new Date(), //Current
format: 'DD. MMMM YYYY - HH:mm',
});

$('#time_to').datetimepicker({
viewMode: 'days',
maxDate: new Date().setDate(new Date().getDate() + 90),
useCurrent: false,
format: 'DD. MMMM YYYY - HH:mm'
});

$('#time_from').on('dp.change', function (e) {
$('#time_to').data('DateTimePicker').minDate(e.date);

//Use moment.js here
var m = moment(new Date(e.date));
m.add(90, 'days');
$('#time_to').data('DateTimePicker').maxDate(m);
});

$（“#time_from”）.datetimepicker({
查看模式：“天”，
minDate:新日期（），//当前
格式：'DD.mmmmyyyy-HH:mm'，
});
$（'#time_to'）。日期时间选择器({
查看模式：“天”，
maxDate:new Date（）.setDate（new Date（）.getDate（）+90），
useCurrent:false，
格式：'DD.mmmmyyyy-HH:mm'
});
$（“#time_from”）.on（'dp.change'，函数（e）{
$（'time'u to'）.data（'DateTimePicker'）.minDate（e.date）；
//在这里使用moment.js
var m=时刻（新日期（e.Date））；
m、 加上（90天）；
$（'time'u to'）.data（'DateTimePicker'）.maxDate（m）；
});

查看此

$（文档）.ready（函数（）{
var start_date=$（'#date_added'）.val（）；
var end_date=$（'#date_modified'）.val（）；
$（“#添加日期”）。日期选择器({
onSelect：函数（日期文本，inst）{
开始日期=$（this.val（）；
$（'date'u modified'）。日期选择器（'option'，'minDate'，新日期（start'u date））；
},
今日BTN：“链接”，
键盘导航：错误，
forceParse:false，
日历周：是的，
自动关闭：正确
});
$（'#date_modified'）。日期选择器({
onSelect：函数（日期文本，inst）{
结束日期=$（this.val（）；
$（'date'u added'）。日期选择器（'option'，'minDate'，新日期（end'u date））；
},
今日BTN：“链接”，
键盘导航：错误，
forceParse:false，
日历周：是的，
自动关闭：正确
});
});

<script>
$(document).ready(function() {
    var start_date=$('#date_added').val();
    var end_date=$('#date_modified').val();
    $('#date_added').datepicker({
        onSelect: function(dateText, inst) {
            start_date=$(this).val();
            $('#date_modified').datepicker('option', 'minDate', new Date(start_date));

        },
        todayBtn : "linked",
        keyboardNavigation : false,
        forceParse : false,
        calendarWeeks : true,
        autoclose : true
    });

    $('#date_modified').datepicker({
        onSelect: function(dateText, inst) {
            end_date=$(this).val();
            $('#date_added').datepicker('option', 'minDate', new Date(end_date));

        },
        todayBtn : "linked",
        keyboardNavigation : false,
        forceParse : false,
        calendarWeeks : true,
        autoclose : true
    });

});